منذ عام 2019 ، بدأت منصات Android و iOS في لعب الوضع المظلم. بالطبع ، لا حرج في هذا ، ولكن عندما يتم تشغيل صفحتنا من قبل المستخدم في الوضع المظلم ، فإن الأبيض الكبير التقليدي سوف يعمى العيون على الفور.
هنا سوف أتحدث بإيجاز عن كيفية جعل الصفحة دعم Dark Page.
يحضرفي الواقع ، نحتاج فقط إلى استخدام الاستعلام Media-Color-Color-Color-Color-Color في CSS.
HTML
<! doctype html> <html lang = en> <head> <meta charset = utf-8> <meta name = viewport content = width = width device ، scale الأولي = 1.0. class = models> <h1> Test Text </h1> </viv> </body> </html>
CSS
.back {الخلفية: أبيض ؛ اللون: #555 ؛ النصوص النصية: Center} Media (تفضل color-scheme: dark) {.back {background: #333 ؛ اللون: أبيض ؛}. models {الحدود: Solid 1px #00ff00}}@media (تفضل color-scheme: light) {.back {background: white ؛ اللون: #555 ؛} .Models {الحدود: الصلبة 1PX #2B85E4}}ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.