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