html – 使用媒体查询css的Internet Explorer 11

html – 使用媒体查询css的Internet Explorer 11,第1张

概述我正在IE 11上做一些测试,它使用的是移动设备的CSS,而不是“全屏”的CSS. Chrome,Firefox,Opera和Safari都使用正确的“全屏”CSS,但IE 11正在抢占移动/媒体css.我已多次清除缓存并查看它正在抓取的CSS表,并且它使用的是最新版本. 我有头脑 <!DOCTYPE html><html lang="en"><head> <meta charset 我正在IE 11上做一些测试,它使用的是移动设备的CSS,而不是“全屏”的CSS. Chrome,firefox,Opera和Safari都使用正确的“全屏”CSS,但IE 11正在抢占移动/媒体CSS.我已多次清除缓存并查看它正在抓取的CSS表,并且它使用的是最新版本.

我有头脑

<!DOCTYPE HTML><HTML lang="en"><head>    <Meta charset="utf-8">    <Meta name="vIEwport" content="wIDth=device-wIDth,initial-scale=1.0">    <link rel="stylesheet" type="text/CSS" href="/CSS/default.CSS"></head>

在CSS文件中,我在所有“全尺寸”CSS之后有以下内容

//"full sized" CSS....@media only screen and (max-wIDth: 479px) {  //mobile CSS}

我的笔记本电脑上的IE 11正在使用媒体CSS,我无法弄清楚原因.我知道它正在使用仅媒体部分,而不仅仅是格式错误,因为当我从CSS中删除仅媒体部分时,它会按预期显示.

解决方法 你能试试这个:
@media all and (max-wIDth: 479px) {  //mobile CSS}

您可以定位所有设备,而不仅仅是您使用屏幕定位的桌面版.

仅限移动设备,您可以这样做:

@media (max-wIDth: 600px) {  //mobile CSS}
总结

以上是内存溢出为你收集整理的html – 使用媒体查询css的Internet Explorer 11全部内容,希望文章能够帮你解决html – 使用媒体查询css的Internet Explorer 11所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1127192.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-30
下一篇 2022-05-30

发表评论

登录后才能评论

评论列表(0条)

保存