为什么Chrome (v.51.0.2704.106 m)会忽略"@meda all and (max-width:849)“？
Chrome (v.51.0.2704.106 m)会忽略"@media all and (max-width:849)"的原因可能是由于以下几个可能性：
- 版本兼容性问题：Chrome的不同版本对CSS的解析和支持可能存在差异。在特定版本的Chrome中，可能存在对某些CSS规则的解析问题，导致忽略了"@media all and (max-width:849)"。
- CSS语法错误：在CSS代码中可能存在语法错误，导致Chrome无法正确解析"@media all and (max-width:849)"。可以通过检查CSS代码是否存在拼写错误、缺少分号等语法问题来解决。
- 其他CSS规则的优先级：如果在CSS代码中存在其他具有更高优先级的规则，可能会导致"@media all and (max-width:849)"被忽略。可以通过检查其他CSS规则的优先级，或者使用!important来提高"@media all and (max-width:849)"的优先级。
- 媒体查询条件不满足："@media all and (max-width:849)"是一个媒体查询条件，只有当浏览器窗口宽度小于等于849像素时才会生效。如果浏览器窗口宽度大于849像素，那么"@media all and (max-width:849)"将被忽略。
针对以上可能的原因，可以尝试以下解决方法：
- 更新Chrome版本：尝试更新Chrome到最新版本，以确保使用的是最新的CSS解析引擎，可能能够解决版本兼容性问题。
- 检查CSS语法：仔细检查CSS代码，确保没有语法错误，特别是在"@media all and (max-width:849)"附近的代码。
- 检查其他CSS规则的优先级：检查其他CSS规则是否具有更高的优先级，如果有需要降低其优先级，或者使用!important来提高"@media all and (max-width:849)"的优先级。
- 检查浏览器窗口宽度：确保浏览器窗口宽度小于等于849像素，以满足"@media all and (max-width:849)"的媒体查询条件。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
相关·内容
我找不到任何解释为什么我的媒体查询不能在chrome中工作。在Firefox和Safari中，它可以正常工作，但在Chrome noe中，媒体查询可以正常工作。href="/webresources/css/styles~2016-07-28-09-01-05-000~cache.c
浏览 20提问于2016-07-28得票数 0
回答已采纳
17回答
这两种查询都使用以下变体：
@media only screen and (max-width
浏览 88提问于2011-10-22得票数 217
回答已采纳
1回答
我的设计在firefox或chrome中看起来是正确的，但在safari中却是错误的。我不明白为什么会这样。如果我删除'align-items:center'，它看起来是正确的，但为什么呢？justify-content: center; padding: 2rem;}
max-widthcolor: hsl(277, 64%, 61%);
text-decor
浏览 1提问于2021-12-31得票数 0
当我检查Chrome中的元素时，“工作过程”似乎跨越了整个页面。为什么会这样呢？: 150%;} color: white;}} margin-top: 5%;.laptopimg img{}
.all-descs
浏览 2提问于2016-06-05得票数 0
回答已采纳
1回答
我正试图在我的网站上获得移动可比性，而我所有的集装箱<div>都有一个max-width: 1000px;和一个width:100%;，所以我的网站应该能够达到1000 up，然后让<div> 100%1056}
width:100%;
max-wi
浏览 5提问于2014-08-24得票数 0
回答已采纳
为什么这两个元素都必须设置这个属性？(如果其中一个忽略了overflow-x，那么链接是可点击的) z-index: -1; bottom: 0;
/* use all
浏览 5提问于2016-04-22得票数 6
回答已采纳
68回答
禁用Chrome自动填充
、、、、
我在几个表单上遇到了chrome自动填充行为的问题。autocomplete标志已成功禁用了自动完成行为，在开始键入时会出现一个下拉列表，但并未更改Chrome自动填充字段的值。这种行为是可以接受的，除非chrome错误地填充了输入，例如，使用电子邮件地址填充了电话输入。客户抱怨这一点，所以它被证实在多个案例中发生，而不是作为我在机器上本地执行的某种结果。
浏览 5提问于2013-04-01得票数 619
在Chrome上，它就像一个护身符。但不幸的是，Safari快把我逼疯了，我搞不懂为什么会这样。Chrome截图：下面是Safari的截图：
我不知道为什么，但是Safari一直在图像周围“插入”这些灰色间隔。m-icon--pause" >
<path d="M14,19H18V5H14M6,19H
浏览 11提问于2021-06-22得票数 0
2回答
甚至也会忽略的“全屏”类。我是如何应用全屏展开动画的？有什么更好的解决方案吗？我尽我所能{}
{ max-width:100vw;
max-height
浏览 0提问于2018-02-10得票数 3
回答已采纳
16回答
--> All my css in here <!--<![endif]-->
到实际的html页面(在页眉中)，它可以工作。
浏览 5提问于2012-12-09得票数 143
60回答
有没有办法在jQuery中检测用户是否正在使用移动设备？类似于CSS @media属性的东西？如果浏览器在手持设备上，我想运行不同的脚本。
浏览 11提问于2010-08-19得票数 1830
回答已采纳
17回答
有没有人能帮我做个javascript功能，可以突出显示网页上的文本。并且要求-只突出显示一次，而不是像我们在搜索时那样突出显示所有出现的文本。
浏览 5提问于2011-12-27得票数 122
回答已采纳
2回答
页眉和页脚比正文更短
、、、
500ms ease-in-out;.show-links {}
border: 8px ridge green; margin:0 auto; } <script src="product.
浏览 0提问于2020-08-14得票数 0
31回答
我目前正在向我们的网站添加详细的工具提示，我想(不用求助于jQuery插件，我知道有很多！)若要使用回车返回来格式化工具提示，请执行以下操作。<a title='Tool?Tip?On?New?Line'>link with tip</a>
浏览 32提问于2008-12-11得票数 374
回答已采纳
204回答
这个数字是质数吗？
、、、、
2.1.1/jquery.min.js"></script> <link rel="stylesheet" type="text/css" href="//cdn.sstatic.net/codegolf/all.css
浏览 0提问于2015-09-11得票数 232
49回答
创建具有自动调整大小的文本区域
、、、、
有，我试过了。但是有一个问题:如果删除内容，textarea不会缩小。我找不到任何方法将其缩小到正确的大小-- clientHeight值返回为textarea的完整大小，而不是其内容。function FitToContent(id, maxHeight) var text = id && id.style ? id : document.getElementById(id); return;
if ( !ma
浏览 15提问于2009-01-17得票数 475
回答已采纳
2回答
为什么会这样呢？为什么当我直接设置属性时，它会来回跳？我该怎么解决呢？当从html文件运行代码时，问题似乎更严重。 position: sticky; width: 100%;} max-widthS8wn2OZ5DiE2gf1bT2HTXno45yLgMXXHO/V6c0RMc23eN4Rqn+Oe0jce2vyfnqWj2XfMFyP2dMU1zbx685nmHKf0z7SDxesF
浏览 0提问于2019-06-21得票数 0
回答已采纳
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
