<link id ="style" rel="stylesheet" type="text/css" title="other" href="regularStyles.css" />
<link rel="stylesheet" media= "all and (mid-width: 767px) and (max-width:2049px) and (min-height:767px) and (max-height: 1538px)" href="n
在styles.css中,我使用的是媒体查询,这两种查询都使用以下变体:
/*--[ Normal CSS styles ]----------------------------------*/
@media only screen and (max-width: 767px) {
/*--[ Mobile styles go here]---------------------------*/
}
当我缩小窗口时,网站会调整到我想要在常规浏览器(Safari,Firefox)中的布局,然而,手机布局根本不会在手机上显示。相反,我只看到默认的CSS。
有谁能给我指个方向吗?