![]() ![]() ![]() ![]() |
|||||
|
|||||
樓主 RD ![]()
![]() |
目前在做網頁碰到一個奇怪的問題,在電腦上顯示都沒問題,用 Chrome 切到手機模式下圖片也都完整 但當我用真的手機瀏覽時卻發現圖片沒顯示完整,之後發現是 iphone 的問題,用 samsung 跟 sony 都完整顯示,如下圖 這是 iphone ![]() 這是 samsung ![]() 我的程式碼: 請切版大神指教了 |
別忘捐VP感謝幫助你的人 | 新手會員瞧一瞧 |
1樓
作者回應
RD ![]() |
補充一下,
測試手機有:i5、i6、i6s、i6s+、Samsung note4、Sony M 非 iphone 的,圖片一律完整...
本篇文章回覆於2017-07-21 23:09
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
2樓
不錯的參考
迷路 ![]() ![]() |
樓主設定的css看起來是,指定背景圖要放大到區塊的大小
我推測應該是ios的區塊大小超過預期大小 試試看給header加個邊框看看在ios中有多大 或是用js輸出header的寬高
本篇文章回覆於2017-07-24 10:08
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
3樓
最有價值解答
浩瀚星空 ![]() ![]() |
不要在同時在html body header 給與css定義。
在某些瀏覽器上會發生錯誤解讀的情況的。 要知道手機上有所謂的自動適應縮小的情況。也就是viewport的設定應用 在某些瀏覽器上會將height: 100%; 直接判讀為原始高度。
本篇文章回覆於2017-08-08 16:10
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
回覆 |
如要回應,請先登入. |