[問題] 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