作者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/cn.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