前端-HTML(二)
阿新 • • 發佈:2018-12-21
HTML(二)
一、響應式設計
概念
- RWD 指的是響應式 Web 設計(Responsive Web Design)
- RWD 能夠以可變尺寸傳遞網頁
- RWD 對於平板和移動裝置是必需的
- 現成的響應式框架有bootstrap
<!DOCTYPE html> <html lang="en-US"> <head> <style> .city { float: left; margin: 5px; padding: 15px; width: 300px; height: 300px; border: 1px solid black; } </style> </head> <body> <h1>W3School Demo</h1> <h2>Resize this responsive page!</h2> <br> <div class="city"> <h2>London</h2> <p>London is the capital city of England.</p> <p>It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p> </div> <div class="city"> <h2>Paris</h2> <p>Paris is the capital and most populous city of France.</p> </div> <div class="city"> <h2>Tokyo</h2> <p>Tokyo is the capital of Japan, the center of the Greater Tokyo Area, and the most populous metropolitan area in the world.</p> </div> </body> </html>