gpt4 book ai didi

html - 为什么 Chrome (v.51.0.2704.106 m) 会忽略“@meda all 和 (max-width :849)?

转载 作者:太空宇宙 更新时间:2023-11-04 09:57:01 24 4
gpt4 key购买 nike

我找不到任何解释为什么我的媒体查询在 chrome 中不起作用。它在 Firefox 和 Safari 中按预期工作,但在 Chrome 中没有媒体查询工作。

这就是我在 html 中链接它的方式。我也在没有 media="all"的情况下尝试过,但它不起作用。

<html>
<head>
<meta charset="utf-8">
<title>Example</title>
<link rel="stylesheet" type="text/css"
href="/webresources/css/styles~2016-07-28-09-01-05-000~cache.css"
media="all">

</head>
<body>

</body></html>

我的 sass/scss 看起来像这样,在使用 gulp 任务转换为 css 时我没有收到错误。

@media all and (max-width: 1200px) {

}

@media all and (max-width: 849px) {

}

奇怪的是,使用了第一个媒体查询,但没有使用应该覆盖第一个的第二个媒体查询。

This is the style which is used on width: 800px

如果缺少某些代码,我也会查看源代码,但所有媒体查询都在那里。

Here i found the idea of problems with link and media query, but this didn't help

感谢您的帮助

最佳答案

用这个记录试试?或等效物。

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

通常我写:

@media screen and (max-height: 26.375em){}

没问题。

关于html - 为什么 Chrome (v.51.0.2704.106 m) 会忽略“@meda all 和 (max-width :849)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38633052/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com