1.所有內(nèi)容均具有響應(yīng)性局装，并可以顯示在任何尺寸的顯示器上晤锹。這包括：
·桌面
·移動設(shè)備：谷歌 Nexus 5
·平板電腦：蘋果 iPad
在所有大小的視口中摩幔，圖片的相關(guān)標(biāo)題和文本均顯示在圖片的旁邊。
小貼士：用 Chrome 開發(fā)工具模擬測試靈敏度鞭铆，可在頁面任意位置點(diǎn)擊右鍵或衡，選擇“查看元素”焦影，點(diǎn)擊元素標(biāo)簽左側(cè)的長方形，在設(shè)備下拉列表中選擇蘋果 iPad 或谷歌 Nexus 5封断，然后點(diǎn)擊重新加載斯辰。
~實(shí)際解決:基于瀏覽器窗口的適配沒有完善，使用overflow-wrap: break-word進(jìn)行換行處理坡疼；
2.HTML
中含有 Viewport meta
標(biāo)簽彬呻。（即 <meta name=”viewport” …）
別忘記添加 Viewport Meta 標(biāo)簽，它可以讓我們在多設(shè)備布局設(shè)計(jì)上省點(diǎn)心柄瑰。
<meta name="viewport" content="initial-scale=1">
下面這篇文章舉了不添加 viewport 將會導(dǎo)致什么問題闸氮，可以參考下
快捷提示：別忘記Viewport Meta標(biāo)簽
~實(shí)際解決：<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
3.作品集網(wǎng)站將結(jié)構(gòu)（HTML）與設(shè)計(jì)/樣式（CSS）完全分離。HTML 文件主題中不含有任何樣式 style 屬性教沾。文件中不含有任何樣式 style 元素蒲跨。
注意： <img> 元素中可包含高度 height 和寬度 width 屬性。
要將 樣式 和 HTML 文件分離, 將樣式定義到 css 文件中去
~實(shí)際解決：html和css分離授翻；
4.所有代碼（HTML 元素名或悲、屬性、屬性值）均為小寫（text/CDATA 除外）藏姐。
——<meta charset="utf-8">
——<container> 是不能作為 <body> 的子元素的，建議換成 <div class="container"> 该贾， 利用類 container 設(shè)置樣式
~實(shí)際解決：charset 語句必須得放在 <head> 標(biāo)簽里的第一行羔杨；更換charset 位置，更改container節(jié)點(diǎn)杨蛋；
5.其他
————設(shè)置box-sizing:border-box;
~將邊框和內(nèi)邊距計(jì)入元素寬度兜材，從已設(shè)定的寬度和高度分別減去邊框和內(nèi)邊距才能得到內(nèi)容的寬度和高度。
————* {
margin: 0;
padding: 0;
}
~清除chrome瀏覽器下逞力，margin為8px的外邊距曙寡；
