[問題] WordPress同一頁裡分別顯示於PC/手機

看板Web_Design作者 (Summer Oasis Splash!)時間10年前 (2014/04/01 16:16), 10年前編輯推噓4(4010)
留言14則, 7人參與, 最新討論串1/1
情況是這樣的 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 -- 二次元実写化中 http://facebook.com/2D.JSKC [聖地巡礼・Cosplay] TwintailSyndrome http://twintail.tw/ [Cosplay・人像攝影] -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 153.120.206.49 ※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1396340162.A.563.html ※ 編輯: SanzeninNagi (153.120.206.49), 04/01/2014 16:17:25

04/01 16:40, , 1F
不用插件啊?用media query就可以了,css3的新語法
04/01 16:40, 1F
感謝 有稍微看過media query了 我只希望針對單一頁面的「內容」調整 而不是格式 比如說同一個頁面裡 手機上顯示「123」電腦上顯示「456」這樣 這也可以透過css去寫嗎? ※ 編輯: SanzeninNagi (153.120.206.49), 04/01/2014 16:49:08

04/01 19:02, , 2F
display:none?
04/01 19:02, 2F

04/01 19:45, , 3F
同上,一個div裡面是123,另一個是456,再藉由
04/01 19:45, 3F

04/01 19:46, , 4F
media query的方式,一個display設none一個設block就
04/01 19:46, 4F

04/01 19:47, , 5F
可以了
04/01 19:47, 5F

04/01 21:23, , 6F
http://jsfiddle.net/6dbw9/1/ 行內文字的話用inline
04/01 21:23, 6F
非常非常感謝大家的幫忙 已經成功做出對應電腦及手機的兩種內容(首頁/預約頁/日曆頁) ※ 編輯: SanzeninNagi (153.120.206.49), 04/02/2014 03:21:06

04/02 14:14, , 7F
提醒一下,如果可以,內容盡量重用,
04/02 14:14, 7F

04/02 14:15, , 8F
因為就算被css隱藏起來,他依舊會載入,如果重複內容太多
04/02 14:15, 8F

04/02 14:15, , 9F
會拖慢頁面載入速度
04/02 14:15, 9F

04/02 23:02, , 10F
bootstrap hidden-sm hidden-xs etc...
04/02 23:02, 10F

04/03 00:39, , 11F
@matrixki 那些就media query做的阿...
04/03 00:39, 11F

04/03 00:43, , 12F
順道問一個問題,繁體網站如何在偵測中國的ip導入簡體網站?
04/03 00:43, 12F

04/03 02:15, , 13F
geoip
04/03 02:15, 13F

04/03 12:14, , 14F
比起偵測ip 偵測瀏覽器的語系應該會比較好
04/03 12:14, 14F
文章代碼(AID): #1JEdN2LZ (Web_Design)