Die mobile H5-Entwicklung ist lern- und einsatzbereit
Einführung
Updatezeit：2018-02-261. Verwenden Sie rem als Einheit
html { Schriftgröße: 100px }
@media(min-width: 320px) { html { Schriftgröße: 100px } }
@media(min-width: 360px) { html { Schriftgröße: 112,5px } }
; @media(min-width: 400px) { html { Schriftgröße: 125px } }
@media(min-width: 640px) { html { Schriftgröße: 200px } }
Stellen Sie eine Schriftgröße von 100 Pixel für Mobiltelefone ein; für Mobiltelefone mit 320 Pixel beträgt die Übereinstimmung 100 Pixel,
Andere Mobiltelefone werden in gleichen Anteilen abgeglichen; wenn also viele Pixel im Designentwurf vorhanden sind, gilt bei der Konvertierung in rem: rem = Pixel des Designentwurfs/100;
2. Deaktivieren Sie die Abdunkelung des Hintergrunds von Beschriftungen wie a, button, input, optgroup, select, textarea
Bei der Verwendung des a-Tags als Schaltfläche auf dem mobilen Endgerät oder bei der Verbindung von Text erscheint beim Klicken auf die Schaltfläche ein „dunkler“ Hintergrund, z. B. der folgende Code:
<a href="">button1</a>
<input type="button" value="Submit"/>
html { Schriftgröße: 100px }
@media(min-width: 320px) { html { Schriftgröße: 100px } }
@media(min-width: 360px) { html { Schriftgröße: 112,5px } }
; @media(min-width: 400px) { html { Schriftgröße: 125px } }
@media(min-width: 640px) { html { Schriftgröße: 200px } }
Stellen Sie eine Schriftgröße von 100 Pixel für Mobiltelefone ein; für Mobiltelefone mit 320 Pixel beträgt die Übereinstimmung 100 Pixel,
Andere Mobiltelefone werden in gleichen Anteilen abgeglichen; wenn also viele Pixel im Designentwurf vorhanden sind, gilt bei der Konvertierung in rem: rem = Pixel des Designentwurfs/100;
2. Deaktivieren Sie die Abdunkelung des Hintergrunds von Beschriftungen wie a, button, input, optgroup, select, textarea
Bei der Verwendung des a-Tags als Schaltfläche auf dem mobilen Endgerät oder bei der Verbindung von Text erscheint beim Klicken auf die Schaltfläche ein „dunkler“ Hintergrund, z. B. der folgende Code:
<a href="">button1</a>
<input type="button" value="Submit"/>
Stellungnahme：
Alle Ressourcen auf dieser Website werden von Internetnutzern beigesteuert und veröffentlicht oder von großen Download-Sites nachgedruckt. Bitte überprüfen Sie selbst die Integrität der Software! Alle Ressourcen auf dieser Website dienen nur zum Lernen und Nachschlagen. Bitte verwenden Sie sie nicht für kommerzielle Zwecke, da Sie sonst für alle daraus entstehenden Folgen verantwortlich sind! Wenn es einen Verstoß gibt, kontaktieren Sie uns bitte, um ihn zu löschen und zu entfernen. Kontaktinformationen: admin@php.cn
Verwandte Empfehlungen
Mehr sehen- 03-01Gescannte Version von „PHP Complete Self-Study Manual“ [PDF]
- 10-09ThinkPHP5-Schnellstarthandbuch chinesische PDF-Version
- 02-12Brother Niao's Linux Private Cooking – Grundlegendes Lernen, Kapitel 4. Ausgabe, HD, vollständige Lesezeichen-PDF-Version
- 03-03PHP-Sprache für Fortgeschrittene und fortgeschrittene Anwendung, chinesische Übersetzungsversion
- 02-23Beispielentwicklung für ein professionelles PHP-Projekt im PDF-Format
kürzliche Updates
Mehr sehen- 05-09ThinkPHP6-Backend-Management-Zahlungssystem – praktische Entwicklungskursunterlagen
- 11-06PHP+MySQL-Grundkurs-Einführungskurs
- 11-06HTML5CSS3JavaScriptES6-Einführungskurs-Kursunterlagen
- 09-21WeChat Mini-Programm Buchhaltungsbuchentwicklung Praktische Kursunterlagen
- 08-15ThinkPHP-Konfigurationsentwicklung und praktische CMS-Backend-Kursunterlagen
Aktuelle Kurse
Mehr sehen![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
- [Web-Frontend] Node.js-Schnellstart
- Dieser Kurs richtet sich speziell an Anfänger und soll den Studierenden helfen, sich schnell die Grundkenntnisse und Kerntechnologien von Node.js anzueignen. Der Kurs beginnt mit der Installation und Umgebungskonfiguration von Node.js und analysiert nach und nach das asynchrone Programmiermodell, das Modulsystem und den ereignisgesteuerten Mechanismus eingehend. Anhand zahlreicher praktischer Fälle lernen die Studierenden, wie sie mit Node.js einen effizienten und stabilen Webserver aufbauen, HTTP-Anfragen und -Antworten verarbeiten sowie Dateioperationen und Datenbankinteraktionen durchführen. Darüber hinaus werden im Kurs auch typische Anwendungsszenarien von Node.js in der Frontend-Entwicklung vorgestellt, um den Studierenden dabei zu helfen, ihre praktischen Fähigkeiten schnell zu verbessern und die Herausforderungen der Frontend-Entwicklung problemlos zu meistern.
- Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung
- Bei diesem Kurs handelt es sich um ein umfassendes Tutorial, das die Entwicklung von HTML, CSS, JavaScript, Vue.js, React, Flutter und mobilen Apps abdeckt. Von der grundlegenden Webseitenerstellung über komplexe Front-End- und Back-End-Interaktionen bis hin zur praktischen Entwicklung mobiler Anwendungen sind die Kurse inhaltsreich und äußerst praxisorientiert. Durch eine Reihe praktischer Projekte erwerben die Studierenden ein tiefgreifendes Verständnis und beherrschen verschiedene Entwicklungskompetenzen und entwickeln sich schnell zu Full-Stack-Entwicklungsingenieuren. Sowohl Anfänger als auch erfahrene Entwickler können davon profitieren. Durch das Studium dieses Kurses werden Sie in die Lage versetzt, selbstständig Webanwendungen und mobile Anwendungen zu entwickeln und so eine solide Grundlage für Ihre zukünftige berufliche Entwicklung zu legen.
- Gehen Sie zur praktischen Anwendung von GraphQL
- Dieser Kurs soll den Lernenden dabei helfen, die Verwendung der Go-Sprache zur Implementierung von GraphQL-Diensten zu erlernen. Der Kurs beginnt mit den Grundkenntnissen von GraphQL und analysiert eingehend die Eigenschaften und Vorteile seiner Datenabfragesprache. Anschließend wird in Kombination mit den Eigenschaften der Go-Sprache ausführlich erklärt, wie man einen GraphQL-Server aufbaut, Anfragen verarbeitet und Daten definiert Muster usw. Anhand umfangreicher praktischer Fälle lernen die Lernenden, wie sie GraphQL in tatsächliche Projekte integrieren können, um die Flexibilität und Effizienz der Dateninteraktion zu verbessern. Der Kurs eignet sich für Entwickler mit gewissen Grundkenntnissen in der Go-Sprache und ist ein Muss für die Erstellung effizienter und moderner APIs.
- Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf
- Dieser Kurs richtet sich speziell an Einsteiger und wird von Google-Chefs unterrichtet. Der Kurs beginnt mit den Grundkenntnissen von JavaScript und vertieft diese schrittweise in den Bereichen Syntax, Funktionen, Objekte, Ereignisverarbeitung usw. Durch anschauliche Fälle und praktische Übungen können sich Studierende schnell die Kernkompetenzen von JavaScript aneignen. Der Chef beantwortet persönlich die Fragen der Studenten und teilt Programmiererfahrungen, sodass die Studenten in einer entspannten und angenehmen Atmosphäre zu JavaScript-Meistern heranwachsen können. Egal, ob Sie ein Anfänger im Programmieren sind oder ein Entwickler, der seine Fähigkeiten verbessern möchte, dieser Kurs ist die beste Wahl zum Erlernen von JavaScript.
- Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen
- Dieser Kurs nimmt Sie mit auf eine Programmierreise. Dieser 6-stündige Kurs beginnt bei Null und führt Sie durch die Grundlagen und fortgeschrittenen Konzepte von Python. Ganz gleich, ob Sie ein Anfänger oder ein erfahrener Programmierer sind, der seine Fähigkeiten verbessern möchte, Moshs ausführliche Erklärungen und klare Lehrmethoden werden Sie schnell mit Python vertraut machen. Erfahren Sie mehr über Variablen, Datentypen, Bedingungen, Schleifen, Funktionen, Objekte und Module und festigen Sie Ihr Verständnis mit praktischen Übungen. Dieser Kurs ist ideal zum Erlernen von Python und bereitet Sie auf verschiedene Berufsfelder vor. Moshs Fachwissen und Leidenschaft für die Ausbildung geben Ihnen das Selbstvertrauen, Ihren Weg zum kompetenten Python-Entwickler einzuschlagen.