正文元素的媒体尺寸查询

时间:2019-07-20 05:28:56

标签: css media-queries

body宽度<某个值时,是否可以应用某些样式?如此类似于媒体查询,但是当html /屏幕宽度小于<某个特定值时,我希望使用body标签来实现。

问题的背景是我正在构建页面构建器,并且通过更改主体宽度来模拟页面在手机上的外观。但是,由于以下原因,电话样式不适用:

@media (max-width: 414px) {
   ....
}

我需要的是类似的东西

@body (max-width: 414px) {
   ....
}

*之所以更改body而不是html的宽度是因为我的编辑器div是固定的,所以如果我缩小body标签,我的编辑器div仍然可以全屏显示,而主体不是。如果我更改html宽度,则编辑器宽度将缩小为手机屏幕的宽度。

0 个答案:

没有答案