分类导航
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsVueDojoJsonElectronNode.jsExpressXMLAjaxUnityReactFlexWeb前端微信小程序支付小程序百度小程序

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

HTML   发布时间：2022-04-14  发布网站：大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html – 使用媒体查询css的Internet Explorer 11，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我正在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所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：11cssexplorerhtmlinternet使用媒体查询
猜你在找的HTML相关文章
其他相关热搜词更多
phpJavaPython程序员load中如何string使用参数jquery开发安装listlinuxiosandroid工具javascriptcap