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
主站蜘蛛池模板: 久久精品国产一区二区电影 | 91久久精品一区二区二区 | 欧美日本一区二区 | 91一区二区三区 | 午夜理伦三级理论三级在线观看 | 波多野吉衣在线播放 | 精品1区 | 蜜臀久久 | 欧美一级一区 | 国产一区二 | 日韩精品久久久久久 | 黄色成人在线网站 | 激情综合五月天 | 99久久婷婷国产综合精品 | 免费在线观看av网站 | 日韩欧美精品在线 | 久久黄色 | 久久久精品一区 | 成人免费视频网站在线看 | 久久久亚洲精品视频 | 国产精品久久亚洲 | 日韩在线观看视频一区 | 久草资源在线视频 | 狠狠婷婷综合久久久久久妖精 | 国产一区二区三区四区五区加勒比 | 九九久久免费视频 | 天堂一区 | av喷水| 在线看免费的a | av一区二区三区四区 | 91av视频在线免费观看 | 超黄视频网站 | 亚洲高清视频一区二区 | 视频一区二区在线 | 亚洲一区二区中文字幕 | 欧美久久一级特黄毛片 | 欧美不卡网站 | 一级毛片视频免费观看 | 国产精品不卡一区 | 欧美aaaa视频| 中文字幕一区二区三区四区五区 |