使无响应的HTML在移动设备中全屏显示正确减少

-1

我已经构建了多年的平面页面站点，主要是使用表架构，并且我知道它们必须变得更加兼容移动设备。使无响应的HTML在移动设备中全屏显示正确减少

但是，实际上我希望我的一些非响应网站在手机屏幕上显示为简单缩小版本的自己。

为了理解基础知识，我创建了一个简单的页面，没有表格，一件艺术品和meta标签，我知道它应该减少大尺寸的HTML页面以适应移动屏幕。但是当我在手机屏幕模拟器中查看时，我的页面很大，只是其一部分显示在手机屏幕中。它并没有减少，所以它的全部内容显示在屏幕内。

我错过了什么基本概念？

http://ldihealtheconomist.com/html5-test-single-col.html

来源

2016-05-16 DHL

欢迎来到Stack Overflow！寻求代码帮助的问题必须包含在问题本身**中重现它所需的最短代码**。虽然您提供了[**链接到示例或网站**]（http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-如果链接变得无效，那么你的问题对于其他具有相同问题的未来SO用户将没有任何价值。 –

你使用一组宽度。

无论您使用的是什么屏幕，如果将宽度设置为像素，那么它将显示为许多像素。

没有违法，但如果你已经做网站多年，不知道这一点，那么也许它并不适合你的正确的事情......

阅读上@media查询，vw，vh和视口宽度。

查看框架，如Bootstrap或Skeleton。

来源

2016-05-16 12:01:18

使无响应的HTML在移动设备中全屏显示正确减少

回答

相关问题