Vueアプリケーションで謎の白い部分を削除するにはどうすればよいですか?

Question

vue 3 を使用して Web サイトを構築し、その背景画像を設定しようとしています。しかし、除去できない謎の白い部分があります。すべてのマージンとパディングを 0 に設定し、すべての ml 、pl クラスを削除したので、それはマージンやパディングではないと確信しています。アプリケーションコンポーネントの黒の背景色を黒に設定しましたが、領域は白のままです。 Chrome の検査ツールでは、これは HTML 要素であると表示されます。助けてください。 (バックグループ画像を Login.vue のスタイル セクションに配置します。)

ブラウザチェックツールからの情報:

農薬をチェック:

リーリー リーリー

バックグループ画像を Login.vue のスタイル セクションに配置しました。

リーリー リーリー ああああ

Answer 1

ブートストラップ クラスを使用するContainerページ コンテンツを折り返すと、最大幅が全画面幅より小さくなります。 Documentation各ブレークポイントの最大幅値を表示します。それだけでなく、ブート コンテナーにもデータが設定されます。

空のスペースを削除したい場合は、コンテナの幅を 100% に設定するか、クラス名 container-fluid を使用する必要があります。これにより、同じことができ、クラスでできることも削除されます。 p-0

を入力してください リーリー

ところで、あなたは Element Plus と Bootstrap の両方を使用していることに気づきました。どちらも大規模な CSS/コンポーネント フレームワークです。今後、2 つのフレームワークと競合する CSS スタイルの間で多くのイライラする競合が発生する可能性があります。これらのフレームワークのうち 1 つだけを使用することをお勧めします。