如何使静态html页面缩小或拉伸以适合移动屏幕？

Question

您好！我正在使用简单的HTML（无响应框架-对Web开发来说是非常新的）和CSS。我想为仅移动设备的屏幕制作一个页面。我知道有可用的响应式布局和框架，但是目前我不想使用它。

有没有一种方法可以“缩放”（而不是像在响应式设计和Flex Box设计中那样重新排列）HTML页面以适合屏幕的100％。 （无滚动，仅100％适合屏幕-更像是移动应用）。

Answer 1

如果您：

• 避免明确设置页面上元素的宽度，例如图像或div的宽度
• 并且您没有在文档的头部具有视口元标记，例如<meta name="viewport" content="width=device-width, initial-scale=1.0">
• 并且您没有在CSS中进行媒体查询，例如@media (max-width: 480px) {... }

然后，智能手机通常会缩放页面以适合屏幕。

祝您好运，希望对您有帮助！