視口是移動裝置上用來顯示網頁的區域，一般會比移動裝置可視區域大，寬度可能是980px或者1024px，目的是為了顯示下整個為pc端設計的網頁，這樣帶來的後果是移動端會出現橫向滾動條，為了避免這種情況，移動端會將視口縮放到移動端視窗的大小。這樣會讓網頁不容易**，可以用 meta 標籤，name=「viewport 」 來設定視口的大小，將視口的大小設定為和移動裝置可視區一樣的大小。
設定方法如下( 快捷方式：meta:vp + tab )
視網膜螢幕指的是螢幕的物理畫素密度更高的螢幕，物理畫素可以理解為螢幕上的乙個發光點，無數發光的點組成的螢幕，視網膜螢幕比一般螢幕的物理畫素點更小，常見有2倍的視網膜螢幕和3倍的視網膜螢幕，2倍的視網膜螢幕，它的物理畫素點大小是一般螢幕的1/4,3倍的視網膜螢幕，它的物理畫素點大小是一般螢幕的1/9。
影象在視網膜螢幕上顯示的大小和在一般螢幕上顯示的大小一樣，但是由於視網膜螢幕的物理畫素點比一般的螢幕小，影象在上面好像是被放大了，影象會變得模糊，為了解決這個問題，可以使用比原來大一倍的影象，然後用css樣式強制把影象的尺寸設為原來影象尺寸的大小，就可以解決模糊的問題。
background新屬性
background-size:
首先了解em單位，em單位是參照元素自身的文字大小來設定尺寸，rem指的是參照根節點的文字大小，根節點指的是html標籤，設定html標籤的文字大小，其他的元素相關尺寸設定用rem，這樣，所有元素都有了統一的參照標準，改變html文字的大小，就會改變所有元素用rem設定的尺寸大小。
移動端頁面開發流程
移動布局 1，移動裝置 手機和ipad 安卓系統ios系統 安卓系統 內建瀏覽器是谷歌，ios內建safari瀏覽器，他們的核心都是webkit，不考慮相容性，需要考慮的是安卓和ios的區別 2，布局 裝置寬度 裝置的實際大小，裝置的解析度 廠家給的 頁面的大小 設計稿上的大小 瀏覽器的視口 瀏覽器...
移動端開發頁面布局 3
1 響應式布局定義 頁面布局會隨著螢幕大小變化而發生不同的響應，稱為響應式布局。1 不需要單獨寫移動端頁面 2 根據不同裝置發生變化 2 原理 通過 查詢針對不同寬度的裝置進行布局和樣式的設定，從而適配不同裝置 分四個檔位 手機 768px 平板 768px 992px 桌面顯示器 992px 12...
移動端頁面布局
上下兩條固定到上邊和下邊，中間的內容區域佔據剩餘的空間 all html,body,container 第一種方法 1 header高度固定畫素，footer固定畫素。section高度calc 100 header高度 footer高度 2 header,footer設定絕對定位的方式 absol...