gpt4 book ai didi

ios - CSS 媒体查询是否必须在外部 CSS 文件中?

转载 作者:太空宇宙 更新时间:2023-11-03 20:13:29 26 4
gpt4 key购买 nike

我见过类似的问题,但不是这个。

CSS 媒体查询是否必须位于外部 CSS 文件中才能正常工作?

我有一个客户,我只能访问 WordPress 中的内联 css block 。他们的 IT 部门确实锁定了 CMS,我唯一可以更改的是 CSS,通过一个名为 Improved Simpler CSS 的插件放置了一个内联 block <style type="text/css"></style><head> 之前关闭。

在做这个网站时,浏览器似乎接受了“内联”媒体查询 OK,响应改变浏览器的宽度,但是使用 iPhone 或 iOS 模拟器,我只能看到桌面 View ,我在想 iOS不喜欢 CSS 没有被外部化。

<style type="text/css">
/* Mobile-specific media query */
@media only screen and (min-width: 320px) and (max-width:767px) {

#wrapper,
.home #content,
.page #container,
.page .page,
#footer,
.page #content {
width: 100%;
}

#header {
margin-top: 50px;
margin-left: 20px;
width: 95%;
width: -moz-calc(100% - 20px);
width: -webkit-calc(100% - 20px);
width: calc(100% - 20px);
height: 151px;
}
}
</style>

最佳答案

不,它们不必是外部的...

MDN's docs on Media Queries演示设置媒体查询的两种主要方式:

<!-- CSS media query on a link element -->
<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />

<!-- CSS media query within a stylesheet -->
<style>
@media (max-width: 600px) {
.facet_sidebar {
display: none;
}
}
</style>

关于ios - CSS 媒体查询是否必须在外部 CSS 文件中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26369119/

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