[請益] RWD的寬度高度設定問題
小弟最近在研究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
03/26 00:12, 1F
→
03/26 01:29,
7年前
, 2F
03/26 01:29, 2F
→
03/26 01:29,
7年前
, 3F
03/26 01:29, 3F
推
03/26 02:31,
7年前
, 4F
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
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章