響應式布局（css3、html5）流程

標籤：平板   螢幕尺寸   scale   ima   dev   view   功能   images   ini   

第一步：確定需要相容的裝置類型、螢幕尺寸

裝置類型：包括行動裝置（手機、平板）和pc。對於行動裝置，設計和實現的時候注意增加手勢的功能。

螢幕尺寸：包括各種手機螢幕的尺寸（包括橫向和豎向）、各種平板的尺寸（包括橫向和豎向）、普通電腦螢幕和寬屏。

第二步：實施過程1. 設定 Meta 標籤

<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">

2.設定不同螢幕的樣式表

@media screen and (min-width: ？) and (max-width : ？x)，這個條件陳述式意思是在大於？0小於？ 的解析度下所啟用的樣式表。

響應式布局（css3、html5）流程