CSS 手机网站 - 为什么值这么高？
CSS mobile website - why so high values?
为了让我的 WP 网站适合我使用的手机
@media screen and (max-device-width: 780px) {}
但是，为了正确适应所有内容，我必须使用巨大的值，例如 font-size: 4em;、header {height: 200px;}（当它在桌面版本上为 100 时）。正常吗？
主要问题出在 Gallery 插件上——默认情况下，拇指有大小，例如200x300，在移动版上它们真的很小！
或者也许有更好的方法让网站移动？
如果非要我猜的话，我会说你没有设置视口
<meta name="viewport" content="width=device-width, initial-scale=1"/>
如今，大多数手机的dpi都很高；例如，iphone 6 plus 具有完整的 1080p 显示屏，因此当您制作 100px 高的东西时，它只有屏幕高度的 1/19。
通过将视口设置为设备宽度，您告诉浏览器使用更标准的 dpi 呈现页面（例如，iphone 6 类似于 424x600ish）。这样，您的所有内容都会自动缩放。
为了让我的 WP 网站适合我使用的手机
@media screen and (max-device-width: 780px) {}
但是，为了正确适应所有内容，我必须使用巨大的值，例如 font-size: 4em;、header {height: 200px;}（当它在桌面版本上为 100 时）。正常吗？
主要问题出在 Gallery 插件上——默认情况下，拇指有大小，例如200x300，在移动版上它们真的很小！
或者也许有更好的方法让网站移动？
如果非要我猜的话，我会说你没有设置视口
<meta name="viewport" content="width=device-width, initial-scale=1"/>
如今，大多数手机的dpi都很高；例如，iphone 6 plus 具有完整的 1080p 显示屏，因此当您制作 100px 高的东西时，它只有屏幕高度的 1/19。
通过将视口设置为设备宽度，您告诉浏览器使用更标准的 dpi 呈现页面（例如，iphone 6 类似于 424x600ish）。这样，您的所有内容都会自动缩放。