CSS移动网站-为什么这么高的价值？

Question

将我的WP网站安装在我使用的手机上

@media screen and (max-device-width: 780px) {}

然而，要正确地适应每件事，我必须使用巨大的值，如font-size: 4em;、header {height: 200px;} (当桌面版本是100 )。正常吗？

主要的问题是与画廊插件-默认情况下拇指有大小，例如200x300，在移动版本，他们真的很小！

或者有一个更好的方法使一个网站移动？

Answer 1

如果我不得不猜的话，我会说你没有设置你的视口

<meta name="viewport" content="width=device-width, initial-scale=1"/>

现在，大多数手机的dpi都很高；例如，iphone 6+有一个完整的1080 p显示器，所以当你做100 of高的东西时，屏幕高度只有1/19。

通过将viewport设置为设备宽度，您将告诉浏览器使用更标准的dpi呈现页面(例如，iphone 6将类似于424x600ish)。这样，你所有的内容都会自动缩放。