1

このサイトの ipad で CSS の問題が発生しています: http://heyheyandco.com/

ブラウザではソーシャル メディアのアイコンは右側にありますが、iPad または iPhone では右側に表示されますが、完全に右側に表示されるわけではありません。これを修正するためにできることはありますか? ソーシャル メディア div のコードは次のとおりです。

.social-media {
float: right;
width: 98px;
margin-left: -180px !important;
}

および追加の css コード:

.site {
margin: 0 auto;
width: 1200px;
overflow: hidden;
}

body .site {
padding: 0 40px;
padding: 0 2.857142857rem;
margin-bottom: 48px;
margin-bottom: 3.428571429rem;
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

任意の助けをいただければ幸いです。

ありがとう

4

1 に答える 1

1

ビューポート メタ タグを HTML ヘッドに追加する必要があります

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

詳細: https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

于 2013-10-15T02:29:03.567 に答える