欧美精品免费观看二区/在线观看av/粉嫩国产精品14xxxxx/亚洲精品视频在线观看免费

基礎的網頁設計涵蓋了幾大重要環(huán)節(jié)：
前期的原型設計（工具：Axure，Mockplus）
UX設計(工具：Justinmind）
UI設計（工具：Sketch）
后期的前后端，HTML,CSS, JS.


而做好自適應網頁設計則需要遵循以下幾個步驟：


Step 1：Meta 標簽
為了適應屏幕，不少移動瀏覽器都會把HTML頁面置于較大視口寬度（一般會大于屏幕寬度），你可以使用viewport meta標簽來設定。以下viewport meta標簽告訴瀏覽器視口寬度等于設備屏幕寬度，且


不進行初始縮放：
<meta name="viewport" content="width=device-width, initial-scale=1.0">


Step 2. HTML結構
在這個例子中，頁面布局包括 Header, Content, Sidebar和Footer. Header固定高度為180px, Content寬600px, Sidebar寬300px。


Step 3. Media Queries
CSS3 media query是自適應網頁設計的關鍵，就像高級語言里的if條件語句，告訴瀏覽器根據不同的視口寬度（這里等于瀏覽器寬度）來渲染網頁。