我正在改变要移动优化的网站。我目前正在iPhone 5C上进行测试，其屏幕宽度（纵向模式）为640px。
但是，当我将网站#wrapper设置为width: 640px;时，网站只占用了屏幕的一半左右。我必须将其设置为width: 1000px;才能填充手机屏幕。
#wrapper是所有元素的父元素，因此在其外部没有任何内容可以将网站推送到640px之外。 #wrapper中的任何内容都没有大于640px的内容，而我设置overflow:hidden只是为了确定。
有谁知道为什么会发生这种情况以及我能做些什么呢？
我使用的媒体查询是：
<link rel="stylesheet" type="text/css" media="screen and (device-aspect-ratio: 40/71)" href="css/ios5.css" />
答案 0 :(得分：1)
您必须将此标记插入html HEAD标记：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
原因清楚解释为here。