在样式。css中，我使用媒体查询，这两者都使用的变体:
/*--[ Normal CSS styles ]----------------------------------*/
@media only screen and (max-width: 767px) {
/*--[ Mobile styles go here]---------------------------*/
}
当我缩小窗口时，网站大小会调整到我在常规浏览器(Safari, Firefox)中想要的布局，然而，手机上根本不会显示移动布局。相反，我只看到默认的CSS。
有人能告诉我正确的方向吗?
当前回答
由于只有不是打字错误，不适合我 @media屏幕和(max-width: 930px)需要在(和)和开始括号之间留有空间
其他回答
总是在一些单位中提到max-width和min-width，比如px或rem。这对我来说很好。如果我写它没有单位，只有数字值，浏览器不能读取媒体查询。例子: 这是错误的 @media only screen和(max-width:950) 和 这是对的 @media only screen (max-width:950px)
又给了我一个答案。如果你试图使用CSS变量，那么它会悄悄地失败。
@media screen and (max-device-width: var(--breakpoint-small)) {}
CSS变量在媒体查询中不起作用(根据设计)。
对我来说，我用max-height代替了max-width。
如果那是你，去改变它!
@media screen and (max-width: 350px) { // Not max-height
.letter{
font-size:20px;
}
}
不要忘记在媒体查询上面有标准的css声明，否则查询也不会工作。
.edcar_letter{
font-size:180px;
}
@media screen and (max-width: 350px) {
.edcar_letter{
font-size:120px;
}
}
@media屏幕必须位于css的末尾，这一点很重要
