简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > js-Tutorial > Hauptteil

Methoden der Medienabfrage im Web

一个新手
Freigeben： 2017-10-05 15:32:50
Original
1808 Leute haben es durchsucht

Positionierungslayout

Code für Medienabfrage: 

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .a {
    border: 1px solid #000000;
    width: 100px;
    height: 100px;
    background-color: #000000;
}
@media only screen and (min-width: 300px) and (max-width: 640px) {
    .a {
    background-color: red;
}
} @media only screen and (min-width: 700px) {
    .a {
    background-color: green;
}
} @media only screen and (max-width:200px ) {
    .a {
    background-color: blue;
}
} </style> </head> <body> <p class="a"></p> </body></html>
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonMethoden der Medienabfrage im Web. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten：
web 方法 查询
Quelle：php.cn
Vorheriger Artikel：MD5-Verschlüsselungsmethode in JS Nächster Artikel：Wie man Redux versteht
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Starten Sie einen transparenten Browser, um das Erlebnis von Webanwendungen und PWA zu verbessern [unterstützt statisches HTML, CSS und JavaScript] [Benutzern die Anzeige von Desktop-Hintergründen in unseren Webanwendungen/PWA ermöglichen] Ich bin ein Junior-Frontend-Entwickler und Designer, der derzeit eine Webanwendung (Chat) ...
Aus 2024-04-05 13:50:12
0
1
1367
Der Bootstrap-Schalter funktioniert nicht richtig, wenn die Größe der Webseite geändert wird 这是代码:<navxmlns:sec="http://www.thymeleaf.org/extras/spring-security"class=&qu...
Aus 2024-04-05 08:45:39
0
1
3443
Verwenden Sie lokal installierte Bibliotheken auf Website-Seiten Ist es möglich, Bibliotheken (.dll, .ocx), die für Windows-Betriebssysteme geschrieben und...
Aus 2024-04-05 00:15:49
0
1
3563
Wie kann man auf bestimmte Klickereignisse achten, andere jedoch unterdrücken? Meine Webanwendung enthält eine HTML-Tabelle, in der jede Zeile auf eine bestimmte URL ver...
Aus 2024-04-04 16:55:27
0
1
317
Javascript – Mocha Chai-Einheitentests werden nicht ausgeführt Ich arbeite an einem Projekt mit dem Front-End-Webentwicklung-Kurs-Bootcamp und leider kan...
Aus 2024-04-02 14:52:19
0
1
356
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！