APP應用前端開發

2、注意html5標籤在前端開發中的使用；

3、前端製作要捨棄css float屬性（可flex布局），用絕對定位不利於頁面布局的擴充套件；

5、尺寸大小

6、-webkit-tap-highlight-color:transparent:移動端沒有hover偽類，但可以使用這個實現高亮效果，通過給a、html、body新增。

7、display: table-cell。

8、取消a標籤在移動端點選時出現的藍色背景：

-webkit-tap-hightlight-color: transparent;

-webkit-user-select: none;

-moz-user-focus: none;

-moz-user-select: none;

使用作為a標籤的點選按鈕時，當觸發touchstart的時候，去掉出現灰色背景：

a, a:hover, a:active, a:visited, a:link, a:focus

改變選中的背景顏色：

::selection

::-moz-selection

::-webkit-selection:

去掉ios input框點選時的灰色背景：

-webkit-tap-highlight-color: transparent;

9、關於背景問題:

移動端設定頁面背景填滿整個螢幕（html{}或body{}），在設計時，將background放置在外部樣式不行，放在行內樣式才可現實。background: url(/images/zhucebg.jpg) no-repeat fixed center center / 100% 100%;

10、padding代替margin

修改網頁發現問題：比如移動端網頁，在螢幕解析度為375 * 640的情況下，不要設定html、body或乙個大的容器（相當於html/body）margin為正值，如果容器的box-sizing值不是border-box的情況下。這時容器的值寬或高由解析度

值加上margin值，從而會水平或上下拉動。不對box-sizing值只是針對（border/padding/content）設定而已，對

margin不起作用。所以最外圍容器（包含整個頁面內容）最好不要設定margin正值，可以以padding代替。

11、element:after

之前一直覺得對偽類「:after」來清除浮動的方法還不會使用，以至於沒有效果。但是突然看到一篇文章，言外之意是，本來父元素的高度沒有撐開，而在這個元素新增偽類清除浮動後，父元素有高度了，也說明清除浮動有效。

12、移動端字型預設最小為12px，使用transform的scale()可以進行縮放，縮放後字型不是居左顯示的，設定transform-origin:left即可。