Css 桌面的媒体查询只工作一次_Css_Media Queries

Css 桌面的媒体查询只工作一次

css

Css 桌面的媒体查询只工作一次,css,media-queries,Css,Media Queries,我有一个响应固定宽度的布局，一旦你达到它的宽度切换到新的样式，然后一旦达到移动类型的大小再次改变。如果我调整浏览器窗口的大小，第一个“断点”可以正常工作，但第二个“断点”只是使用隐藏溢出的初始样式集。我知道我的小屏幕风格是可行的，因为我已经在我的Android和Chrome模拟上测试过了。那么，他们为什么不在桌面浏览器上工作呢在HTML中 <HTML> <meta name="viewport" content="width=device-width, minimum-sca

我有一个响应固定宽度的布局，一旦你达到它的宽度切换到新的样式，然后一旦达到移动类型的大小再次改变。如果我调整浏览器窗口的大小，第一个“断点”可以正常工作，但第二个“断点”只是使用隐藏溢出的初始样式集。我知道我的小屏幕风格是可行的，因为我已经在我的Android和Chrome模拟上测试过了。那么，他们为什么不在桌面浏览器上工作呢

在HTML中

<HTML>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
</HTML>

非常感谢

Kolkurtz

您的所有媒体查询都是相同的。你确定吗？你还需要纵向和横向媒体控制器作为aswer吗？…不建议使用

最大比例=1

…我们中的一些人需要能够放大。我们并非都拥有完美的视力。对不起，是的，有两个不同的媒体询问。我编辑过。不确定你在第二条评论中的意思guven.Paulie，如果你按control键，你可以用鼠标滚轮放大网页。

/* FULL SCREEN DESKTOP STYLES*/
{
...
}

/* Tablet (portrait and landscape) ----------- */
@media only screen 
and (min-width : 561px) 
and (max-width : 1024px) 
{
TABLET AND BROWSER HALF SCREEN STYLES
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 560px) 
{
SMALL SCREEN STYLES
}