我正在尝试翻译网站主题，因此它在移动设备上看起来很相似。我现在唯一需要测试的设备是iOS设备：iPhone和Gen 3 iPod Touch。 iPhone的分辨率更高（Retina）。
当我访问我正在处理的网站（http://diynamic.net/dev/jetcityairtours）时，该主题将页面宽度仅提供给iDevice的总屏幕宽度的一半，但是有些元素在Chrome浏览器上的浮动方式在PC上。如果我可以获得背景div和菜单以在页面上呈现全宽度，那么整个网站将会非常棒 - 这将是完美的！
我有wordpress mobile
我的问题是： 为什么主题会被破坏？ iOS Safari是否有“view-source”选项？ 是否有另一个解决问题的解决方案，用于开发iOS的主题，特别是移动设备？ 和： 其他人在非iOS设备上看到同样的效果（也许不是问这最后一个问题的正确位置）。
我通过Wordpress Mobile Pack实现了一个非常难看的移动主题 - 只是默认。如果您对使用移动设备进行测试感兴趣，请转到底部的非移动设备主题链接。
我知道Chrome和Firefox中的屏幕模拟器插件，但我不知道桌面平台上的用户代理欺骗/模拟。
我不确定我是否应该每个“问题”只发布一个问题，所以如果没有适当地隔离，请道歉。
答案 0 :(得分：2)
您需要使用视口元标记（请参阅下面的内容以供参考）。更具体地说，在您的情况下，听起来您可以通过在头部中包含类似的内容来解决您的问题：
<head>
...
<meta name = "viewport" content = "maximum-scale = 1.0">
...
</head>
视口元标记虽然由Apple创建，但也适用于Android浏览器。 以供参考： 一般说明，信息＆amp;示例here