当body
宽度<某个值时,是否可以应用某些样式?如此类似于媒体查询,但是当html
/屏幕宽度小于<某个特定值时,我希望使用body
标签来实现。
问题的背景是我正在构建页面构建器,并且通过更改主体宽度来模拟页面在手机上的外观。但是,由于以下原因,电话样式不适用:
@media (max-width: 414px) {
....
}
我需要的是类似的东西
@body (max-width: 414px) {
....
}
*之所以更改body
而不是html
的宽度是因为我的编辑器div是固定的,所以如果我缩小body标签,我的编辑器div仍然可以全屏显示,而主体不是。如果我更改html宽度,则编辑器宽度将缩小为手机屏幕的宽度。