作者Nonsense8 (胡說)
看板Web_Design
標題[請益] RWD的寬度高度設定問題
時間Sun Mar 25 23:52:36 2018
小弟最近在研究RWD排版，
一直都是用@media去根據寬度調整，
同時也用Jquery的 windowHeight去設定，
終於搞好各個寬度設訂的時候，
卻發現在iphone上看超有問題的。
例如看不到bootstrap 4的burger icon，
但是物件是存在而且可以用
還有iphone6的寬度是375
但是顯示出來卻是我設定寬度1000左右的排版!
還有按"顯示內容"跳出框框之後，
按框框外其他元素卻關不掉。
上述我用電腦都OK，
目前只測試iphone6而已，
就出了很多問題，而且毫無頭緒QQ
想問有沒有大大有類似經驗可以跟小弟分享一下，
感恩~~~
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.41.153.24
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1521993159.A.76C.html
1F：推 diabloevagto: Viewpoint 有設定嗎 03/26 00:12
2F：→ ymcheung: 應該是 viewport 的設定 03/26 01:29
3F：→ ymcheung: 另外一提 media queries 也可以設定高度喔 03/26 01:29
4F：推 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