14216693
Description
Flashcards by Michal Wilde, updated more than 1 year ago
|
Created by Michal Wilde
over 6 years ago
|
|
| Question | Answer |
| HTML5-Doctype Bootstrap benutzt bestimmte HTML-Elemente und CSS-Eigenschaften, die die Verwendung des HTML5-Doctypes erforderlich machen. Füge diesen am Anfang von all deinen Projekten ein. | <!DOCTYPE html> <html lang="de"> ... </html> |
| Mobile-First-Ansatz Mit Bootstrap 2 haben wir optionale Stile für die wichtigsten Aspekte des Frameworks hinzugefügt, die Projekte für mobile Geräte bereit machten. Mit Bootstrap 3 haben wir das gesamte Projekt umgeschrieben, damit es sich von Anfang an gut mit mobilen Geräten versteht. Anstatt optionale mobile Stile zusätzlich hinzuzufügen, sind diese einfach direkt eingebaut. Genauer gesagt: Bootstrap ist ein Mobile-First-Projekt. Stile, die zunächst für kleine Bildschirme geschrieben wurden und sich dann den größeren anpassen, findest du in der gesamten Bibliothek immer wieder, anstatt in separaten Dateien. Damit deine Seite auf mobilen Geräten vernünftig angezeigt wird und gezoomt werden kann, ergänze das Viewport-Meta-Tag in deinem <head>. | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| Du kannst Zooming auf mobilen Geräten deaktivieren, indem du user-scalable=no zu diesem Viewport-Meta-Tag hinzufügst. Dies deaktiviert Zooming, was bedeutet, dass Benutzer nur scrollen können und die Seite sich etwas mehr anfühlt wie eine native Anwendung. Alles in allem empfehlen wir dies nicht auf jeder Seite, also sei vorsichtig! | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> |
Want to create your own Flashcards for free with GoConqr? Learn more.