Desde 2019, las plataformas Android e iOS han comenzado a reproducir el modo oscuro. Por supuesto, no hay nada de malo en esto, pero cuando el usuario enciende nuestra página en modo oscuro, los ojos tradicionales Big White serán cegados instantáneamente por los ojos.
Aquí hablaré brevemente sobre cómo hacer que la página admite el modo oscuro.
PrepararDe hecho, solo necesitamos usar la consulta de medios de esquema preferido-color en CSS.
Html
< class = Models> <h1> Test Text </h1> </div> </body> </html>
CSS
.back {fondo: blanco; Color: #555; Text-Align: Center} @Media (prefers-color-scheme: dark) {.back {fondo: #333; color: blanco;} .models {borde: sólido 1px #00ff00}}@media (prefers-color-scheme: light) {.back {fondo: blanco; Color: #555;} .models {borde: sólido 1px #2b85e4}}Lo anterior es todo el contenido de este artículo. Espero que sea útil para el aprendizaje de todos y espero que todos apoyen más a Wulin.com.