2019年以来、AndroidプラットフォームとiOSプラットフォームの両方がダークモードのプレイを開始しています。もちろん、これには何の問題もありませんが、ダークモードでユーザーがページをオンにすると、伝統的な大きな白はすぐに目に盲目になります。
ここでは、ページがダークモードをサポートする方法について簡単に説明します。
準備する実際、CSSでPreferreds-Color-Schemeメディアクエリを使用する必要があります。
HTML
<!doctype html> <html lang = en> <head> <meta charset = utf-8> <viewport content = width = device-width、inictional-scale = 1.0、minigt-scale = 1.0、maximing-scale = 1.0、user-scalable = no> <title = adabs </hearテキスト</h1> </div> </body> </html>
CSS
.back {background:white;色:#555; Text-Align:center} @media(presters-color-scheme:dark){.back {background:#333;色:white;} .models {border:solid 1px#00ff00}}@media(presters-color-scheme:light){.back {background:white;色:#555;} .models {border:solid 1px#2b85e4}}}上記はこの記事のすべての内容です。みんなの学習に役立つことを願っています。誰もがwulin.comをもっとサポートすることを願っています。