时间戳

首页 > 解决方案 > 如何为不同的css文件编写不同的html链接？

html - 如何为不同的css文件编写不同的html链接？

问题描述

我有两个不同的 css 文件：一个用于 PC 宽屏和移动横向模式 (style.css)，另一个用于窄 PC 屏幕和移动纵向模式 (mobileStyle.css)。问题是 style.css 适用于每个 pc 屏幕尺寸和移动横向，而 mobileStyle.css 完美运行。

<link rel="stylesheet" type="text/css" media="screen and (min-device-width: 320px) and (max-device-width: 500px)" href="mobileStyle.css" />
<link rel="stylesheet" type="text/css" media="screen and (min-device-width: 501px)" href="style.css" />

所以，现在唯一不工作的是我根本没有获得用于 PC 屏幕的 mobileStyle 的部分。如何更改链接的媒体，以便获得最大宽度为 501px 的 PC 屏幕的 mobileStyle 和最小宽度为 501px 的 PC 屏幕的 style.css？（实际上尝试编写它并且它可以在PC上运行，但是移动端无法识别不同的CSS）

标签： htmlcssmedia-queries

解决方案

推荐阅读