h5的常規操作是直接來個fixed定位，**如下：
position:fixed;
top:0;
left:0;
right:0;
為解決這些相容性問題，建議使用如下兩種布局：
其一：position:absolute
首先構建乙個width: 100%;height: 100%;overflow:hidden;的容器，在此容器中，分離頂部導航跟內容區，頂部導航為absolute定位，內容區為滾動區，這樣即可達到導航固定在頂部，頁面可滾動，整體**如下：
.view
.header
.content
其二： flex布局
將整體頁面一分為二，頭部跟內容區，flex方向為垂直即可
**如下：
.view
.header
.content
移動端h5開發基礎
移動端h5開發基礎知識 一.手機端開發頁面必須要加一段 注 這段 的主要意思是 讓頁面寬度等於裝置寬度，縮放比例為1，禁止使用者縮放。用於檢測視口，主要的效果就是取消下面的滾動條，讓頁面適應螢幕。二.為自己的頁面設定最大寬度和最小寬度 主要作用是在螢幕足夠大的時候，頁面也不會失真。三.相容手機螢幕大...
H5移動端底部固定ios相容
問題 一 之前寫的底部導航欄固定用的是絕對定位 fixed 做的，在安卓是沒問題的，但在ios無法固定住 原因 安卓是相對瀏覽器做的定位，ios是相對滾動條做的定位，這個原因不是很確定啦，表述可能會有問題，看到的小夥伴可以略過啦 解決方法 頁面中不使用絕對定位 fixed 改為頁面100 布局。he...
h5移動端css開發總結
font size 12px transform scale 10 12 需要注意這個方式雖然縮小了字型，但該文字元素所佔據的原寬高大小並不會跟著縮小，所以很多時候還需要考慮文字位置和間距的問題。一般文字位置需要結合 transform origin 屬性來設定。例如設定文字水平居左 垂直居中 tr...