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

[Nonsense8 (胡說)]

小弟最近在研究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 有設定嗎
→ ymcheung: 應該是 viewport 的設定
→ ymcheung: 另外一提 media queries 也可以設定高度喔
推 jonyig: Col-xs-12
<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