网站不适合在iPhone上完全屏幕

Question

我有一个网站点击这里转到网站，它实际上似乎不适合iPhone屏幕。请点击这里转到iPhone 4模拟器

我累了

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=320, height=device-height, target-densitydpi=medium-dpi" />
<meta name="viewport" width="device-width">

这似乎对我不起作用。请帮忙吗？

Answer 1

您遇到的问题不在<meta name="viewport">元素中。您需要使您的网站具有响应性，我建议您使用@media查询来使您的网站对每种类型的设备具有响应能力。