使無響應的HTML在移動設備中全屏顯示正確減少

Question

我已經構建了多年的平面頁面站點，主要是使用表架構，並且我知道它們必須變得更加兼容移動設備。

但是，實際上我希望我的一些非響應網站在手機屏幕上顯示爲簡單縮小版本的自己。

爲了理解基礎知識，我創建了一個簡單的頁面，沒有表格，一件藝術品和meta標籤，我知道它應該減少大尺寸的HTML頁面以適應移動屏幕。但是當我在手機屏幕模擬器中查看時，我的頁面很大，只是其一部分顯示在手機屏幕中。它並沒有減少，所以它的全部內容顯示在屏幕內。

我錯過了什麼基本概念？

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

Answer 1

你使用一組寬度。

無論您使用的是什麼屏幕，如果將寬度設置爲像素，那麼它將顯示爲許多像素。

沒有違法，但如果你已經做網站多年，不知道這一點，那麼也許它並不適合你的正確的事情......

閱讀上@media查詢，vw，vh和視口寬度。

查看框架，如Bootstrap或Skeleton。