在响应式设计中表现出极大的差异

Question

为什么电脑和移动网页的极端响应有所不同？

我使用以下代码来创建响应......

<meta name="viewport" content="width=device-width" />

在chrome resized中

在iphone 5中

Answer 1

（1）仔细检查您确实在文档的头部包含了一个veiwport元标记，我没有在您发布的链接中看到它

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

（2）我看到了http://foadalijani.com/include/css/top_nav.css

的404

（3）使用Web检查器查找可能会破坏响应式布局的元素。例如在我看来，.home_menu_top_bg的硬编码宽度为890px会导致问题。也许将此更改为百分比。我认为还有其他类似问题的因素。

祝你好运！