我第一次创建了一个响应式设计,我想知道哪些不起作用......它在桌面上工作得很好,而且在移动设备上移动负载,但我喜欢响应式设计在我调整页面大小时也能正常工作。
在我的HTML文件中:
我有这段代码
<link rel="stylesheet" type="text/css"
media="screen and (max-device-width: 480px)"
href="css/mobile.css" />
在我的css文件中,我有这个
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/** My css **/
}
它工作得很好,当我调整桌面屏幕大小时,我只需要页面来检测mobile.css文件。通常响应式网站会这样做,我很确定我可以用jQuery做到这一点,但我认为必须有一个更简单的方法来做到这一点......谢谢!
答案 0 :(得分:2)
使用此
@media screen and (max-width: 960px) {
/* your css */
}
max-device-width -----&gt;最大宽度:
适用于两者!!!