Html 高度或宽度媒体查询不工作

我试图在我的HTML中设置一些媒体查询，但我遇到了一个问题。 我希望查询查看设备的宽度和高度，并使用适当的样式表。据我所知，它是在看高度，而不是宽度。这是我的密码：

<link rel="stylesheet" media='screen and (min-width: 1500px), screen and (min-height: 701px)' href="style.css" type="text/css" />
<link rel="stylesheet" media='screen and (min-width: 1000px) and (max-width: 1499px), screen and (min-height: 501px) and (max-height: 700px)' href="tablet.css" type="text/css" />
<link rel='stylesheet' media='screen and (max-width: 999px), screen and (max-height:500px)' href='mobile.css' type='text/css' />

---

使用此代码，您可以同时加载两个样式表。他们可以互相干扰，我想这不是你想要的

例如，width=1200px和height=400px将加载table.css（因为宽度）和mobile.css（因为高度）。我想这不是你想要的。因此，在构建CSS规则时，必须记住这些交互

无论如何，大多数响应性很强的网站只需查看宽度即可设置适当的规则

---

例如，看看Bootstrap如何构建其响应网格系统：

使用此代码，您可以同时加载两个样式表。他们可以互相干扰，我想这不是你想要的

例如，width=1200px和height=400px将加载table.css（因为宽度）和mobile.css（因为高度）。我想这不是你想要的。因此，在构建CSS规则时，必须记住这些交互

无论如何，大多数响应性很强的网站只需查看宽度即可设置适当的规则

---

例如，看看Bootstrap如何构建其响应网格系统：

使用此代码，您可以同时加载两个样式表。他们可以互相干扰，我想这不是你想要的

例如，width=1200px和height=400px将加载table.css（因为宽度）和mobile.css（因为高度）。我想这不是你想要的。因此，在构建CSS规则时，必须记住这些交互

无论如何，大多数响应性很强的网站只需查看宽度即可设置适当的规则

---

例如，看看Bootstrap如何构建其响应网格系统：

使用此代码，您可以同时加载两个样式表。他们可以互相干扰，我想这不是你想要的

例如，width=1200px和height=400px将加载table.css（因为宽度）和mobile.css（因为高度）。我想这不是你想要的。因此，在构建CSS规则时，必须记住这些交互

无论如何，大多数响应性很强的网站只需查看宽度即可设置适当的规则

---

例如，看看Bootstrap如何构建其响应网格系统：

您可以直接在css中添加媒体查询。然后，您可以根据在不同屏幕大小下要更改样式的元素进行更改

您只需执行以下操作：

 @media all and (min-width: 1500px) and (min-height: 701px) {
  // Add the styling for the elements you want to respond to the screen change
 }

---

希望有帮助

您可以直接在css中添加媒体查询。然后，您可以根据在不同屏幕大小下要更改样式的元素进行更改

您只需执行以下操作：

 @media all and (min-width: 1500px) and (min-height: 701px) {
  // Add the styling for the elements you want to respond to the screen change
 }

---

希望有帮助

您可以直接在css中添加媒体查询。然后，您可以根据在不同屏幕大小下要更改样式的元素进行更改

您只需执行以下操作：

 @media all and (min-width: 1500px) and (min-height: 701px) {
  // Add the styling for the elements you want to respond to the screen change
 }

---

希望有帮助

您可以直接在css中添加媒体查询。然后，您可以根据在不同屏幕大小下要更改样式的元素进行更改

您只需执行以下操作：

 @media all and (min-width: 1500px) and (min-height: 701px) {
  // Add the styling for the elements you want to respond to the screen change
 }

---

希望有帮助

这似乎是一个愚蠢的问题，但基于窗口高度加载不同CSS的目标是什么？我认为宽度可以满足你的所有需要。在我测试的星系S4上，宽度似乎是个问题，当宽度最大但高度低于700px时，它也会破坏我的布局。这里有一个页面供参考：这似乎是一个愚蠢的问题，但是根据窗口的高度加载不同的CSS的目的是什么？我认为宽度可以满足你的所有需要。在我测试的星系S4上，宽度似乎是个问题，当宽度最大但高度低于700px时，它也会破坏我的布局。这里有一个页面供参考：这似乎是一个愚蠢的问题，但是根据窗口的高度加载不同的CSS的目的是什么？我认为宽度可以满足你的所有需要。在我测试的星系S4上，宽度似乎是个问题，当宽度最大但高度低于700px时，它也会破坏我的布局。这里有一个页面供参考：这似乎是一个愚蠢的问题，但是根据窗口的高度加载不同的CSS的目的是什么？我认为宽度可以满足你的所有需要。在我测试的星系S4上，宽度似乎是个问题，当宽度最大但高度低于700px时，它也会破坏我的布局。这里有一个页面供参考：看起来我正在用我使用的代码与一个失败的原因作斗争，我想我将删除它，并将一些查询添加到CSS文件中。谢谢。看起来我正在用我使用的代码与一个失败的原因作斗争，我想我将删除它，并将一些查询添加到CSS文件中。谢谢。看起来我正在用我使用的代码与一个失败的原因作斗争，我想我将删除它，并将一些查询添加到CSS文件中。谢谢。看起来我正在用我使用的代码与一个失败的原因作斗争，我想我将删除它，并将一些查询添加到CSS文件中。谢谢。谢谢你的回复，这是我要走的路线，我喜欢单独样式表的想法，但这让生活变得太复杂了。谢谢你的回复，这是我要走的路线，我喜欢单独样式表的想法，但这让生活变得太复杂了。谢谢你的回复，这是我要走的路线，我喜欢单独样式表的想法，但它让生活变得太复杂了。谢谢你的回复，这是我要走的路线，我喜欢