討論區列表 >> CSS/HTML5/Bootstarp >> 手機上背景圖片顯示問題
[]
[我要回覆]
1
|
|||||
|
|||||
樓主 RD 
 發送站內信 |
目前在做網頁碰到一個奇怪的問題，在電腦上顯示都沒問題，用 Chrome 切到手機模式下圖片也都完整 但當我用真的手機瀏覽時卻發現圖片沒顯示完整，之後發現是 iphone 的問題，用 samsung 跟 sony 都完整顯示，如下圖 這是 iphone  這是 samsung  我的程式碼: 請切版大神指教了 |
||||
0
7
132
9
| 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
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔-- |
1
| 回覆 |
| 如要回應,請先登入. |
