iPhone与Android网站大小

我正在努力适应android和iphone。我已经设置了几乎所有的东西来缩小宽度

当我通过调整自己的web浏览器窗口的大小来测试它时，它会按预期工作。 当我在iphone上查看它时，它工作正常。 但是，当我在android（或android模拟器）上查看它时，它看起来与其他浏览器不同。 我附上两张屏幕截图

我不知道从哪里开始。。。提前谢谢

---

尝试重置正文中的字体。body{font size:100%；}此外，请尝试使用viewport see

Android仿真器外观不同的原因很简单：这是因为您将仿真器的屏幕设置为多宽。在CSS文件中，您已将页面的

minwidth

设置为600像素，这比Android emulator的宽度要大。这会导致标头被截断

我不是网页设计师，所以你如何选择处理这样一个小宽度的设计取决于你。但是，您可以在CSS中针对这些边缘情况执行以下操作：

@media all and (max-width: 600px) {
    // Some CSS code
}

或者，使用单独的样式表：

<link rel="stylesheet" media="all and (max-width: 600px)" href="android-stylesheet.css" />

你能在上面发布一些示例代码吗？如果没有一个有效的示例，特别是流畅的布局，调试CSS\HTML是非常困难的。您好，抱歉。这个网站就住在这里