媒体查询在iframe中不起作用

以这种方式尝试，而不

device

width

更改

@media only screen and (max-device-width : 640px) {

至

@media only screen and (max-width : 640px) {

另外，如果您要避免考虑样式表中媒体查询声明的顺序，则建议同时设置 最小 和 最大 视口宽度

@media screen and (min-width: 320px) and (max-width: 640px) {    .header-text {       background-color: blue;    }}