假设我有一个包含2个div的页面。每个div包含相同的数据,例如content x
。
content x
具有媒体查询和视口的响应能力。
Div1
与页面width: 100%
Div2
有width: 320px;
我想要实现的是,当我在桌面上时,我喜欢div2
来显示内容,就好像它是一部手机(模拟手机视口)而div1
保持不变(桌面版)。
这是否可行,而不修改content x
的CSS?
我之所以这样做是因为content x
有很多东西,需要时间来添加css。
当我设置'div2宽度:320px ,
时,内容x`未正确重新排列(就像在移动设备屏幕上一样)。