av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

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

css3 - css媒體查詢在chrome瀏覽器手機模擬器上調試成功,但手機上卻不行的情況

瀏覽:101日期:2023-07-06 18:31:55

問題描述

以前沒遇到過這種情況,viewport也設置了

<meta name='viewport' content='width=device-width, initial-scale=1'>

其中一個媒體查詢css代碼如下:

@media screen and (max-width:62rem){.sidebar-col{ width: 100%; height: 24rem; .sidebar-social{margin-top: 1rem; }}}

用chrome調試的時候界面能響應式,但用手機查看卻沒有效果。

補充:我覺的是兼容性問題了,我測試用了UC瀏覽器沒有出現效果,而使用QQ瀏覽器能正常顯示,具體哪里不兼容我凌亂了,求解答

問題解答

回答1:

大神 這個問題解決了沒有 我現在也碰到這個坑了 跪求幫忙

回答2:

你的括號沒對

回答3:

@media screen and (max-width:62rem)這邊screen換成all,或其他適用于移動端的屬性值你去搜下,媒體查詢中screen這個屬性值

回答4:

未經驗證,我覺得是max-width:62rem的問題,使用rem作為media query的單位的情況,這還是我第一次見到。

回答5:

很可能是62rem太大了。設置如上viewport后,大多數手機的豎屏寬度是小于500px的,而根元素font-size往往是16px,所以62rem = 62*16px=992px,也就是說這個媒體查詢在豎屏時總是有效。但lz可以試著橫屏,很可能會觸發此邊界值。

還有一個原因是手機瀏覽器對rem單位可能存在兼容性問題:http://caniuse.com/#search=rem,iOS5~5.1不支持rem和media query混用

回答6:

@media screen and (max-width:62rem) 這里的rem改成px

回答7:

你在pc模擬iPhone6,他給你的分辨率是375*667你在手機上瀏覽的尺寸,就需要在扣掉app的頭部底部。建議先js檢測 屏幕寬高

回答8:

單位問題吧,media我也是第一次看到用rem呢

回答9:

你加上前綴看看-webkit

標簽: CSS
主站蜘蛛池模板: av激情在线 | 91精品国产乱码久久久 | 日韩高清一区 | 久久久久久久久久久一区二区 | 国产欧美在线播放 | 久久99国产精品 | 日韩国产中文字幕 | 皇色视频在线 | 天天操人人干 | 国产成人精品一区二区三 | 91网在线观看 | 亚洲精品一区二区三区蜜桃久 | 欧美国产一区二区三区 | 91精品一区 | 97av视频在线 | 在线观看成人小视频 | 第四色播日韩第一页 | 亚洲一区| 黑人中文字幕一区二区三区 | 超碰97干| 人人人人爽 | 国产一级网站 | 国产在线精品一区二区三区 | 国产激情一区二区三区 | 成人午夜性成交 | 毛片免费观看 | 国产美女在线免费观看 | 不卡的av在线 | 四虎首页 | 久久久免费毛片 | 亚洲精品一区二区 | 亚洲图片视频一区 | 亚洲一区二区久久久 | 免费看国产a | 亚洲一区国产 | 午夜精品久久久久久久星辰影院 | 国产视频在线观看一区二区三区 | 欧美激情国产日韩精品一区18 | 国产在线精品一区二区三区 | 中文字幕一区在线 | 91美女视频 |