色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

您的位置:首頁技術文章
文章詳情頁

前端 - 安卓retina屏幕css里邊的device-width 判斷有問題

瀏覽:108日期:2023-08-02 16:15:32

問題描述

pre conditionmx4 默認瀏覽器 meta: width=device-widthwindow.innerWidth = 384 , window.devicePixelRatio = 3, screen.width = 1152 問題

css// ipad的media query 被適配到了mx4上@media only screen and (min-device-width : 768px) and (orientation : portrait) { }

iphone下正常 ,同樣地問題在華為貓客也有。

猜測的原因: css 里邊 device-width的判斷按照屏幕分辨率(1152)來計算,不是按照瀏覽器設置device-width(381)來計算

求大神支招解答!!!!!!

問題解答

回答1:

將ipad的判斷條件補齊:@media only screen and ( min-device-width : 768px ) and ( max-device-width : 1024px ) and ( orientation : landscape ){ /Styles/}

你可以使用@media screen and (device-width:1152px){ /Styles/ }來檢測mx4上使用到的device-width是否等于screen.width。but,據我目前的知識,樓主的情況不應該啊,手邊沒有mx4,測不到。當然還有可能的情況是@media only screen and ( min-device-width : 768px ) 在mx4上的解讀出錯直接忽略,這樣也會落在這個區域里。

回答2:

你可能沒有設置viewport吧:

<head> ... <meta name='viewport' content='width=device-width, target-densityDpi=medium-dpi, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no'> ...</head>

其中target-densityDpi=medium-dpi比較重要,關于dpi的概念如果不了解的話,建議你去查一下。

標簽: CSS
相關文章:
主站蜘蛛池模板: 免费人成激情视频在线观看冫 | 猛操美女| 久久精品一区二区三区中文字幕 | 免费观看一级特黄欧美大片 | 一级毛片免费完整视频 | 牛人国产偷窥女洗浴在线观看 | 成人看的一级毛片 | 亚洲视频免费一区 | 热re91久久精品国产91热 | 国产精品视频成人 | 黄色上床网站 | 国产盗摄一区二区三区 | 国产精品系列在线 | 在线免费观看一级片 | 一本久道久久综合婷婷 | 黄视频在线免费 | 91福利国产在线观看香蕉 | 一级片大全| 日本b站一卡二不卡 | 看v片| 中文字幕一区二区三区 精品 | 国产成人一区免费观看 | 超薄肉色丝袜精品足j福利 超级乱淫视频aⅴ播放视频 | 萌白酱在线喷水福利视频 | 女人张开腿等男人桶免费视频 | 亚洲成a人片在线播放 | 一级做a爱久久久久久久 | 日韩精品中文字幕视频一区 | 成人午夜视频免费观看 | 色综合a怡红院怡红院首页 色综合精品久久久久久久 色综合九九 | 看一级毛片一区二区三区免费 | 欧美乱大交xxxxx在线观看 | 成人a级高清视频在线观看 成人a毛片 | 国产精品高清在线观看93 | 18岁禁黄色| 日韩欧美成末人一区二区三区 | 久久亚洲精品国产精品777777 | 国产成人精品久久一区二区三区 | 国内三级视频 | 亚洲色在线视频 | 综合久久91|