Question

需要做出响应式布局。我添加了meta viewpor，但仍然没有运气。或者根据屏幕尺寸将其缩小以禁用水平滚动条的使用。

<html>
<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

</head>
<body>

<div class='myIframe'>
<iframe height="800" frameborder="0" scrolling="no" width="466" src="EXAMPLE_WEBSITE"></iframe>

</div>

</body>
</html>

Answer 1

您需要通过CSS媒体查询来使用断点。请仔细阅读Mozilla的documentation.

示例：

30,25,45,43

这告诉浏览器在满足视口的最小宽度时渲染页面的样式，这将是700px。

您应该使用移动优先方法构建。你的第一个样式表应该反映出来。然后，您将逐渐构建更多的显示器。

请记住使用具有响应式Web设计的相对单元。

需要使html页面响应

1 个答案: