响应式网页设计(调整大小时的更改布局)

时间:2013-07-15 15:57:33

标签: jquery html5 css3 responsive-design

我在响应式网页设计方面有点迷失,我可以使用媒体查询来包含特定尺寸的样式表。因此,例如600px的屏幕将使用特定的样式表,而较大的屏幕将使用完全不同的样式。我遇到的问题是我的布局在调整大小时没有改变。但是,如果它处于适当的大小并重新加载,它看起来是正确的,但它不会在调整大小时动态更改布局。

我做错了什么?

这就是我包含样式表的方式:

<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)" />

1 个答案:

答案 0 :(得分:0)

我想出了我的问题,我需要一个主要的样式表,里面有我的媒体查询。