こんにちは！
固定幅のサイズをパーセント値に置き換えたいのですが、どうすればよいでしょうか？いろいろ試してみたのですが、どれもうまくいきませんでした。
以下は、ホームページでどのように表示されるべきかの参考画像です。
また、トピック内での表示例もこちらです。
ヒントや、直接コードを教えていただける方はいますか？
大変助かります！
誰も助けてくれないんですか？お願いします！
列幅による調整
まず、display: flex; を再定義する必要があります。
.categories-and-latest {
display: block;
}
次に、幅を設定します。
.column.categories {
width: 40%;
float: left;
}
これはサンプルに過ぎません。前の div を取得して画面幅に対応する必要があるかもしれません。モバイルデバイスでどうなるかはわかりませんし、さらに CSS を追加する必要があるでしょう。
display: flex; に注意してください。ここでの問題があるかもしれません。
ありがとうございます！
探しているのは、デフォルトの幅に対応する CSS セレクターです。
.inspector を使って .wrap などいくつか試してみましたが、どれも機能しませんでした。
.wrap に対して以下を試しましたが、幅が 100% になってしまいました。
max-width: 100%;
これを実行しても、ヘッダーとフッターのみが 100% になります。
何か見落としていますか？
編集:
再度確認し、以下のコードを追加しました。
#main > div #main-outlet {
max-width: 90%;
width: 90%;
}
しかし、スクリーンショットでご覧いただける通り、theme_11.scss から上書きされてしまい、その理由がわかりません。
このオプションを試してください。
.categories-and-latest {
display: block;
}
.wrap {
max-width: 90%;
width: 90%;
}
.categories-and-latest div.column.categories {
width: 40%;
float: left;
}