この 1 つのサイトでレスポンシブ デザインに苦労しています。何が起こっているのかわからず、その結果、私のコードは一種のがらくたになりました。これは変更された zurb 基盤グリッドですが、クライアントは左ナビゲーションを望んでいました。何らかの理由でデザインが iPhone になると、上部の要素 (ロゴ、メニュー) の幅にマージンやパディングがあるか、幅が約 80% しかありません。http://eseamedia.com/lmを参照
@media only screen and (max-width: 767px) {
.menu {
background: none;
padding: 0;
margin: 0;
height: auto;
max-width: 100%;
min-width: 100%;
position: relative;
display: table;
float: none; }
.menu nav {
height: auto;
margin :0 auto 26px auto;
width: 100% }
.menu ul li a {
margin: 0 auto;
width: 100%;
display: block;
text-align:center; }
.logo {
background-position: center center;
background-color: transparent;
margin 0;
height: 104px;
width: 321px;
padding: 0 }
.info {
position:relative }
.headline{
margin:0;
position:relative;
padding:0;}
.context, .wrap {
margin:0;
left:0;}
}