私はフロントエンド開発の初心者です。最近、主に Weibo 動画や Miaopai 動画などをダウンロードするために使用される、非常に見苦しい Web サイトの作成を学びました。
今回は基本的にwindow.onload関数を使ってこの機能を実装しました デフォルトではcol-md-9はdisplay:noneに設定されています onload関数ではPC側からのリクエストと判断した場合、col-md -3 が表示されます。
これにより、PC でアクセスするとページが常に最初にレンダリングされ、col-md-3 メニュー が表示される前に画面が点滅します。
先輩の皆さんに聞きたいのですが、現在の画面がちらつくことなく、1つのURLで(モバイルとPCを区別せずに)私のこの機能を実現する方法はありますか?インターネット上のすべての方法を試しましたが、基本的に問題は解決しませんでした。 ###皆さん、ありがとうございました!
ブートストラップを使用すると、これらを手動で記述する必要がありません
https://jsfiddle.net/straybug...
このように書いていますが、サイズを調整したい場合は、xs -> sm -> mdを押して上方向に調整してください。
いくつかの方法
onload のこの部分をページの先頭に書き込みます。
この判断はサーバー上で行います
メディアクエリを使用して、画面解像度に基づいてスタイルを記述します。