HTML中的假视口

  • 本文关键字:视口 HTML html css
  • 更新时间 :
  • 英文 :


有什么方法可以在HTML中"伪造"视口吗?我的意思是,我在浏览器上观看,但我希望有一段内容能像在移动设备上一样呈现。

我只是将内容包装在一个div中,将宽度/高度设置为我想要"模拟"的设备的大小,就完成了一半,但用min/max-width属性定义的CSS规则在这里不起作用,因为它们查看的是屏幕的宽度,而不是父级的宽度。

我希望有像这样的东西

<fakeviewport width=768 height=1024>
Some content I want to render like it would on a tablet that respects CSS rules.
</fakeviewport>

iframe与您所要求的非常相似。这些网站可能对你有帮助:内联框架元素和两个视口

最新更新