sách gpt4 ai đã đi

html - 外部 CSS 文件中的媒体查询

In lại 作者:行者123 更新时间:2023-11-28 07:50:32 26 4
mua khóa gpt4 Nike

我正在修改我的 CSS3/HTML5 网站以使用不同的中间查询。

站点页面位于根目录中。 CSS 文件位于根目录中名为 css 的文件夹中。

在我页面的 HEAD 标签中,我有一个默认内容的 CSS 文件,然后我在名为 ipad.css 的外部 CSS 文件中有另一个用于 iPad 的文件

当我在 Google Chrome 的开发者工具中时,它似乎没有应用 ipad.css 文件中的规则。我知道这一点是因为我想更改元素的文本大小并且它没有改变。什么都没有发生。

这是我在 HEAD 标签中的内容:


根据 Google Chrome 开发者工具,iPad 宽度为 768px。我在链接标签中引用了这个。欢迎任何想法或建议。

1 Câu trả lời

sử dụng max-width: 768px Còn hơn là max-device-width: 768px.

此外,请记住指定一个 viewport meta tag在您的 html 的头部部分。


此外,您可能还想检查一下

What is the difference between max-device-width and max-width for mobile web?

此外,请记住,您不是针对设备,而是针对分辨率。

问题的另一个可能来源可能是您在 ipad.css 中使用了不太具体的选择器。不要忘记 default.css 中的样式也可用于低于 769px 的分辨率!

要对此进行测试,请将此 css 规则放在 ipad.css 的最顶部:

* { display: none !important; }

如果您的网站随后消失,您的样式表将加载并应用。

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

26 4 0
Bài viết được đề xuất: DLL 中的 C++ 异常处理
Bài viết được đề xuất: swift - 如何在 Apple TV (TvOS) 中全屏播放视频
Bài viết được đề xuất: ios - PromiseKit 6.0 迁移
Bài viết được đề xuất: html - 调整窗口大小/最小化时,屏幕上的某些文本会被推来推去
行者123
Hồ sơ cá nhân

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá Didi Taxi miễn phí
Mã giảm giá Didi Taxi
Giấy chứng nhận ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com