在桌面浏览器和ipad浏览器上显示不同的网站

Question

我目前正在努力从一开始就改造一个网站，以便与ipad友好。我注意到它的大小与网站的桌面版本略有不同。我已经包含了该网站的照片以供比较。

我正在使用<meta name="viewport" content="width=device-width, initial-scale=1">但仍然没有。

所有尺寸都以像素宽度或百分比设置。蓝色侧边栏设置为px，右侧的内容区域只是绝对定位。

桌面屏幕截图： https://drive.google.com/file/d/0B0p4T6XDlqiyVmVnNmNFMDVBV00/edit?usp=sharing

iPad屏幕盖： https://drive.google.com/file/d/0B0p4T6XDlqiyQmVma291dkctV0E/edit?usp=sharing

谢谢你们！

Answer 1

所以我要问是否正在使用CSS库？类似的事情发生在我身上。第一个问题是我的CSS库（引导程序3）自动响应。这件事发生在我身上的另一个原因是因为iPad有视网膜显示而我的桌面没有显示，但它并没有那么不同。不知道你用什么工具来帮助建立我最好猜测的网站。

Answer 2

所以这非常令人尴尬，但无论出于何种原因，我的代码都没有传递到网站。经过一些摆弄服务器并确保我在正确的位置后，看起来<meta name="viewport" content="width=device-width, initial-scale=1">工作得很好。

奇怪的是，我测试过的Android设备上没有任何问题，只能在iPad上使用。