change example for viewport, add examples for css units and css flexbox
2 Dateien hinzugefügt
1 Dateien geändert
Neue Datei |
| | |
| | | <!DOCTYPE html>
|
| | | <html lang="en">
|
| | | <head>
|
| | | <meta charset="UTF-8">
|
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
| | | <title>Flexbox</title>
|
| | | <style>
|
| | | .container {
|
| | | display: flex;
|
| | | }
|
| | | </style>
|
| | | </head>
|
| | | <body>
|
| | | <div class="container">
|
| | | <div class="child">1</div>
|
| | | <div class="child crazy">2</div>
|
| | | <div class="child">3</div>
|
| | | </div>
|
| | | </body>
|
| | | </html>
|
Neue Datei |
| | |
| | | <!DOCTYPE html>
|
| | | <html lang="en">
|
| | | <head>
|
| | | <meta charset="UTF-8">
|
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
| | | <title>Units</title>
|
| | | <style>
|
| | | html {
|
| | | font-size: 16px;
|
| | | }
|
| | | |
| | | .px { width: 10px; }
|
| | | </style>
|
| | | </head>
|
| | | <body>
|
| | | <div class="px">px</div>
|
| | | </body>
|
| | | </html>
|
| | |
| | | <title>Viewport Example</title>
|
| | | </head>
|
| | | <body>
|
| | | Dies ist ein Text!
|
| | | </body>
|
| | | </html>
|