我正在尝试翻译一个网站主题，使其在移动设备上看起来相似。我现在唯一需要测试的设备是iOS设备：iPhone和第三代iPod Touch。iPhone的分辨率更高（视网膜）。
当我访问我正在工作的网站时（http://diynamic.net/dev/jetcityairtours），主题只在iDevice总屏幕宽度的一半上呈现页面宽度，但有些元素像在PC上的Chrome浏览器上一样浮动。如果我能获得背景div和菜单来在页面上呈现全宽，整个网站将非常棒——这将是完美的！
我有wordpress移动
我的问题是：为什么主题被打乱了？iOS Safari是否有"查看源代码"选项？有没有另一种解决问题的解决方案来开发iOS主题，尤其是移动主题？以及：其他人在非iOS设备上看到了同样的效果吗（也许不是问最后一个问题的合适地方）。
我有一个可怕的丑陋的移动主题通过Wordpress移动包到位-只是默认的。如果你有兴趣在手机上测试，请转到底部的非手机主题链接。
我知道Chrome和Firefox中的屏幕模拟器插件，但我不知道桌面平台上的用户代理欺骗/模拟。
我不确定我是否应该每个"问题"只发布一个问题，所以如果没有适当地隔离，我很抱歉。
您需要的是使用视口元标记（请参阅下面的参考）。更具体地说，在你的情况下，听起来你可以通过在你的头部部分包括这样的东西来解决你的问题：
<head>
...
<meta name = "viewport" content = "maximum-scale = 1.0">
...
</head>
视口元标记虽然由苹果创建，但也适用于Android浏览器。供参考：一般说明、信息和；此处的示例