移动端安卓和苹果手机背景图片显示不全的问题
生活随笔
收集整理的這篇文章主要介紹了
移动端安卓和苹果手机背景图片显示不全的问题
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
最近寫移動端的頁面遇到一個(gè)坑，使用chrome瀏覽器調(diào)試iphone6，背景圖片顯示完整，但是在小米手機(jī)端瀏覽發(fā)現(xiàn)圖片顯示不完全；
解決辦法：
安卓手機(jī)和蘋果手機(jī)分辨率不同，在蘋果手機(jī)上顯示的是普通的2x圖片，而在小米手機(jī)中顯示的就是3x圖；每個(gè)背景圖片都設(shè)置了相應(yīng)的background-size，而在3x圖中，background-size不生效，就在混合器直接傳入兩個(gè)參數(shù)，即background-size的寬和高，在組件樣式中，直接傳入相應(yīng)的值就可以了；比如：
每天進(jìn)步一點(diǎn)點(diǎn)。。。
總結(jié)
以上是生活随笔為你收集整理的移动端安卓和苹果手机背景图片显示不全的问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 今年流行语大全
- 下一篇： 安然公司特殊目的实体（SPEs）解读