我对响应式网页设计有点迷茫,我可以使用媒体查询来包含特定大小的样式表。因此,例如 600 像素的屏幕将使用特定的样式表,而更大的屏幕将使用完全不同的样式表。我遇到的问题是我的布局在调整大小时不会改变。但是,如果它具有适当的大小并重新加载,它看起来确实正确,但它不会在调整大小时动态更改布局..
我究竟做错了什么?
这就是我包含样式表的方式:
<link rel="stylesheet" href="/style.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="/mobile.css" type="text/css" media="only screen and (max-device-width: 600px)" />