關鍵字：媒體查詢

判斷出終端設備的容器寬度，然后選擇性的加載吻合大小的網頁，也就是媒體查詢。媒體查詢寫在CSS樣式代碼的最后，CSS是層疊樣式表，在同一特殊性下，靠后的的樣式會重疊前面的樣式。html頭部也要寫兼容性，例如：<meta name="viewport content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>。注釋：

width=device-width:寬度等于當前設備的寬度

initial-scale=1：初始的縮放比例（默認為1）

maximum-scale=1：允許用戶縮放到得最大比例（默認為1）

user-scalable=no：用戶不能手動縮放