首页 文章

响应式网站无法正确显示

提问于
浏览
0

我对网站很新,但发现它很棒,很棒的专业知识 . 我有一个小问题,一个网站没有100%正确显示在手机上 . 这是 Build 响应,我的印象是它最初工作正常,但有些事情发生了变化 . 该网站将自身调整为移动屏幕,但它无法正确缩放,您必须手动减少它以在屏幕上查看所有内容 . 我不是一个真正的开发人员,但我认为应该很容易修复 . 希望有人能提供帮助 .

在我的代码下面:

@media only screen and(max-width: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;}

} @media screen and(max-width: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;}

}

/ ***** TABLETS PORTRAIT&LANDSCAPE ***** /

@media all和(min-width:768px)和(max-width:1024px){

mesh-left {left:-280px!important; }

mesh-right {right:-360px!important; }

}

/ ***** PORTRAIT TABLETS ***** /

@media only屏幕和(min-device-width:768px)和(max-device-width:1024px)和(orientation:portrait){

}

1 回答

  • 0

    您应该使用Bootstrap来开发响应式移动Web应用程序

相关问题