需要使html页面响应

Question

需要做出响应式布局。 我添加了元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 Media Queries使用断点。 请通读Mozilla的文档。

例：

@media (min-width: 700px) { ... }

这告诉浏览器在达到视口的最小宽度（即700px）时呈现页面样式。

您应该使用移动优先方法进行构建。 您的第一个样式表应反映出这一点。 然后，您将逐步建立更大的显示。

切记在响应式Web设计中使用相对单元。

需要使html页面响应

问题描述

1 个解决方案

解决方案1
2 已采纳 2016-01-10 14:06:34

需要使html页面响应

问题描述

1 个解决方案

解决方案1 2 已采纳 2016-01-10 14:06:34

解决方案1
2 已采纳 2016-01-10 14:06:34