我正在用html构建一个页面,页面看起来很好,在桌面上做得很好,它看起来像这样的Desktop Version 但是,当我将其全部缩小时,文本容器会被挤出,然后变得更小,如下所示 Mobile Version 困难的是,我尝试了很多方法(见下面的列表),但似乎都不起作用! 下面是项目的结构,完全封装在flex容器中 <div class="card" data-tilt data-tilt-max="15" data-tilt-speed="400" data-tilt-glare data-tilt-scale="1.15
是否可以在Chrome媒体查询中使用rem单位?
rem单元在Chrome中运行得无懈可击,似乎在媒体查询中不受支持。这个是可能的吗?或者,这个CSS还有什么问题吗?
body { background-color: yellow; }
@media only all and (max-width: 40rem) {
body { background-color: red; }
}
@media only all and (min-width: 40rem) and (max-width: 60rem) {
body {background-color: green;}