html - HTML中的假视口

Question

有没有办法在 HTML 中“伪造”视口？我的意思是，我正在浏览器上查看，但我希望一个内容能够完全像在移动设备上一样呈现。

我只需将内容包装在一个div中，并将宽度/高度设置为我想要“模拟”的设备的大小，就可以轻松到达一半，但是用最小/最大宽度属性定义的CSS规则在这里不起作用他们正在查看屏幕的宽度，而不是父级的宽度。

我希望有类似的东西

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

标签： htmlcss

Answer 1

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