Question

我正在为我们公司的文档和测试目的创建（反应）组件库。一种风格指南。我们的一些组件具有依赖于媒体查询的样式，可以很好地扩展和缩小。

我们的风格指南网站是响应式的，但我希望能够呈现不同的屏幕尺寸。例如，我想在桌面和移动中显示网站标题的外观，而不必调整窗口大小，就像它们是具有不同缩放级别的多个iframe一样。

所以我在想是否有可能让html元素通过改变它们的缩放级别来认为它们是在更大或更小的屏幕上渲染的。一种缩放，同时保持在相同的限制内。

Answer 1

在Google Chrome中，有一个工具可以执行此操作。

Right Click > Inspect the element > The mobile icon at the top corner right

查看下面的截图。

干杯伴侣;）