[請益] RWD的寬度高度設定問題

看板Web_Design作者 (胡說)時間7年前 (2018/03/25 23:52), 7年前編輯推噓2(202)
留言4則, 3人參與, 7年前最新討論串1/1
小弟最近在研究RWD排版, 一直都是用@media去根據寬度調整, 同時也用Jquery的 windowHeight去設定, 終於搞好各個寬度設訂的時候, 卻發現在iphone上看超有問題的。 例如看不到bootstrap 4的burger icon, 但是物件是存在而且可以用 還有iphone6的寬度是375 但是顯示出來卻是我設定寬度1000左右的排版! 還有按"顯示內容"跳出框框之後, 按框框外其他元素卻關不掉。 上述我用電腦都OK, 目前只測試iphone6而已, 就出了很多問題,而且毫無頭緒QQ 想問有沒有大大有類似經驗可以跟小弟分享一下, 感恩~~~ -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.41.153.24 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1521993159.A.76C.html

03/26 00:12, 7年前 , 1F
Viewpoint 有設定嗎
03/26 00:12, 1F

03/26 01:29, 7年前 , 2F
應該是 viewport 的設定
03/26 01:29, 2F

03/26 01:29, 7年前 , 3F
另外一提 media queries 也可以設定高度喔
03/26 01:29, 3F

03/26 02:31, 7年前 , 4F
Col-xs-12
03/26 02:31, 4F
<meta name=”viewport” content=”width=device-width, initial-scale=1.0〃> viewport是這個嗎? 我有加耶~ 還是我寫錯內容了呢? ※ 編輯: Nonsense8 (59.126.99.78), 03/26/2018 12:07:44 https://hsinyu00.wordpress.com/2011/04/05/mobile-web-viewport/ 哦哦哦!!! 後來我查到這個 maximum-scale=1.0; user-scalable=0; 加上這兩個就OK了~~ 謝謝以上大大指點!! ※ 編輯: Nonsense8 (59.126.99.78), 03/26/2018 12:16:06
文章代碼(AID): #1QjyN7Ti (Web_Design)
文章代碼(AID): #1QjyN7Ti (Web_Design)