前提・実現したいこと
ウェブサイトのスマホのレスポンシブ化をしています。
ディベロッパーツールに数値のないMarginが出ており、困っています。。
初歩的な質問で大変申し訳ありません。
発生している問題・エラーメッセージ
左の画像と文章を伸ばして左枠まで広げたいのですが、右側にディベロッパーツールに数値のないMarginが消えずに、ずっと左に寄ったままになってしまいます。
該当のソースコード
.w-ul, .w-ul-2, .w-ul-3{
display: block;
text-align: center;
margin: 0 auto;
max-width: 100%;
}
.works-img {
width: 100%;
}
.works{
width: 100%;
}
.w-contents{
max-width: 100%;
}
.w-li{
width: 100%;
}
色々試してみたのですが、だめでした。
レスポンシブ化はこちらをhead内に読み込ませて、CSSのページに入力しています。<link rel="stylesheet" href="css/responsible.css" media="screen and (max-width: 450px)">
試したこと
・Viewportが入力されていること
・親要素や子要素をwidthを100%にしてみる
・Overflow:hiddenを設定してみる
お手数をおかけして申し訳ありません。よろしくお願いいたします。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー