Iphone 响应网站未正确显示

Iphone 响应网站未正确显示,iphone,mobile,responsive,Iphone,Mobile,Responsive,我对这个网站相当陌生,但我觉得它很棒,到处都是很棒的专业知识。我有一个小问题,一个网站没有显示100%的权利在手机上。这是建立响应和我的印象,它是工作良好,最初,但随着线的变化。该网站会根据移动屏幕进行自我调整,但无法正确缩放,您必须手动缩小它才能在屏幕上看到所有内容。 我不是一个真正的开发人员,但我认为它应该很容易修复。希望有人能帮忙 下面是我的代码: @仅介质屏幕和最大宽度:767px{ .hide-for-small{ display: none; } #mesh-left{ displa

我对这个网站相当陌生,但我觉得它很棒,到处都是很棒的专业知识。我有一个小问题,一个网站没有显示100%的权利在手机上。这是建立响应和我的印象,它是工作良好,最初,但随着线的变化。该网站会根据移动屏幕进行自我调整,但无法正确缩放,您必须手动缩小它才能在屏幕上看到所有内容。 我不是一个真正的开发人员,但我认为它应该很容易修复。希望有人能帮忙

下面是我的代码:

@仅介质屏幕和最大宽度:767px{

.hide-for-small{ display: none; }
#mesh-left{ display: none; }
#mesh-right{ display: none; }

.push-half{ left: 0; }
.pull-half{ right: 0; }

.square-box{ min-width: 100%; padding: 33px 11px 22px 11px; }
.box-title{ background: none !important; margin-bottom: 0px; width: 100% !important; }
.box-title h4{ color: #222 !important; }

.form-title{ width: 100%; top: 0px; text-align: center; }
#form-holder select{ width: 100%; }
.form-input input{ width: 100%; }
.form-input textarea{ width: 100%; text-align: center; height: 100px;  }


.show-for-small{ display: block; }

#contact{ padding: 44px 15px 44px 15px; text-align: center !important; }

#logo{ margin-top: 55px; }
.social-header{ top:2%; left: 35%;}
#main-menu{ margin-left:0;}
} @媒体屏幕和最大宽度:370px{

.hide-for-small{ display: none; }
#mesh-left{ display: none; }
#mesh-right{ display: none; }

.push-half{ left: 0; }
.pull-half{ right: 0; }

.square-box{ min-width: 100%; padding: 33px 11px 22px 11px; }
.box-title{ background: none !important; margin-bottom: 0px; width: 100% !important; }
.box-title h4{ color: #222 !important; }

.form-title{ width: 100%; top: 0px; text-align: center; }
#form-holder select{ width: 100%; }
.form-input input{ width: 100%; }
.form-input textarea{ width: 100%; text-align: center; height: 100px;  }


.show-for-small{ display: block; }

#contact{ padding: 44px 15px 44px 15px; text-align: center !important; }

#logo{ margin-top: 55px; }
.social-header{ top: 150px; left: 35%; }
#main-menu{ margin-left:0;}
}

/*****平板电脑肖像与风景*****/

@媒体所有 最小宽度:768px 最大宽度:1024px{

左网格{左:-280px!重要;} 右侧网格{右侧:-360px!重要;} }

/*****画像板*****/

@仅媒体屏幕 和最小设备宽度:768px 最大设备宽度:1024px 方向:肖像{

}

您应该使用它来开发响应迅速的移动web应用程序

在标记中添加此项,以使css能够正确检测屏幕宽度:

<meta name="viewport" content="width=device-width">

谢谢你的回复。好的,但是有没有一种方法可以在不安装新系统的情况下修复当前站点呢?如果你希望有人帮助你的话。使用css复制页面的源代码,并将其放在