手机网页视口宽度和手机分辨率

我做了一个手机界面，在苹果4S上调试 如图宽度设置为100%；有两点不明白，望大神们指教：
1：苹果4S的分辨率是480*960，为什么调试窗口的大小是320*480；
2：如图的宽度我设置的是100%；为什么宽度变成了960；

ps:在头部我设置了width=device-width；

可能是网页端有差异。建议在网页端上大概调一下，然后在真机上测试。