我有一个响应式固定宽度布局，一旦达到其宽度切换到新样式，然后一旦达到移动类型大小再次更改。如果我调整浏览器窗口的大小，它可以正常运行第一个＆＃34;断点＆＃34;但第二个只是采用隐藏溢出的初始样式集。我知道我的小屏幕样式有效，因为我已经在我的Android和Chrome仿真上对它们进行了测试。为什么那么请他们不要参与桌面浏览器？
在HTML中
<HTML>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
</HTML>
在CSS中
/* 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
}
非常感谢提前。
Kolkurtz