看板 Web_Design 關於我們 聯絡資訊
小弟最近在研究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
diabloevagto: Viewpoint 有設定嗎 03/26 00:12
ymcheung: 應該是 viewport 的設定 03/26 01:29
ymcheung: 另外一提 media queries 也可以設定高度喔 03/26 01:29
jonyig: Col-xs-12 03/26 02:31
<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