[问题] WordPress同一页里分别显示于PC/手机

楼主: SanzeninNagi (Summer Oasis Splash!)   2014-04-01 16:15:59
情况是这样的
http://rhythmelo.jp
我在首页左下放了Twitter崁入的语法 并用以下语法让他固定在正确的位置
<div style="width: 350px; margin-left: 550px; position: absolute;">
在电脑上看的位置是正常的 但因为这个主题是Responsive design
在智慧型手机上看 Twitter的框框就会掉出画面
同样的情形也发生在预约页面 http://rhythmelo.jp/booking/
这边是用table写的 手机上看 右半部也是会跑出去
所以想请问
1. 有没有插件 可以让同一个页面 针对PC和手机显示不同的内容?
(这样我就可以针对两种环境作不同的排版)
2. 或者有没有插件 可以自动判断浏览环境 导向不同页面?
m(_ _)m
作者: mmis1000 (秋月恋枫)   2014-04-01 16:40:00
不用插件啊?用media query就可以了,css3的新语法
作者: idescorpio (ide)   2014-04-01 19:02:00
display:none?
作者: leochen0818 (Leo)   2014-04-01 19:45:00
同上,一个div里面是123,另一个是456,再借由media query的方式,一个display设none一个设block就可以了
作者: mmis1000 (秋月恋枫)   2014-04-01 21:23:00
http://jsfiddle.net/6dbw9/1/ 行内文字的话用inline提醒一下,如果可以,内容尽量重用,因为就算被css隐藏起来,他依旧会加载,如果重复内容太多会拖慢页面加载速度
作者: matrixki (New Season)   2014-04-02 23:02:00
bootstrap hidden-sm hidden-xs etc...
作者: mmis1000 (秋月恋枫)   2014-04-03 00:39:00
@matrixki 那些就media query做的阿...
作者: ohshit (DJ欧雪特)   2014-04-03 00:43:00
顺道问一个问题,繁体网站如何在侦测中国的ip导入简体网站?
作者: danny8376 (钓到一只猴子@_@)   2014-04-03 02:15:00
geoip
作者: Kenqr (function(){})()   2014-04-03 12:14:00
比起侦测ip 侦测浏览器的语系应该会比较好

Links booklink

Contact Us: admin [ a t ] ucptt.com