台灣最大程式設計社群網站
線上人數
910
 
會員總數:242479
討論主題:187518
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> 手機上背景圖片顯示問題
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
手機上背景圖片顯示問題
價值 : 10 QP  點閱數:404 回應數:3

樓主

RD
門外漢
0 7
132 9
發送站內信

前輩們好!

目前在做網頁碰到一個奇怪的問題,在電腦上顯示都沒問題,用 Chrome 切到手機模式下圖片也都完整
但當我用真的手機瀏覽時卻發現圖片沒顯示完整,之後發現是 iphone 的問題,用 samsung 跟 sony 都完整顯示,如下圖

這是 iphone


這是 samsung


我的程式碼:


請切版大神指教了

搜尋相關Tags的文章: [ css ] , [ bg ] , [ background ] , [ iphone圖片 ] ,
本篇文章發表於2017-07-21 22:54
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
作者回應

RD
檢舉此回應
補充一下,
測試手機有:i5、i6、i6s、i6s+、Samsung note4、Sony M
非 iphone 的,圖片一律完整...
本篇文章回覆於2017-07-21 23:09
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
不錯的參考

迷路
捐贈 VP 給 迷路 檢舉此回應
樓主設定的css看起來是,指定背景圖要放大到區塊的大小
我推測應該是ios的區塊大小超過預期大小
試試看給header加個邊框看看在ios中有多大
或是用js輸出header的寬高
本篇文章回覆於2017-07-24 10:08
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
最有價值解答

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
不要在同時在html body header 給與css定義。
在某些瀏覽器上會發生錯誤解讀的情況的。

要知道手機上有所謂的自動適應縮小的情況。也就是viewport的設定應用
在某些瀏覽器上會將height: 100%; 直接判讀為原始高度。
本篇文章回覆於2017-08-08 16:10
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.