H5頁面移動端適配

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,viewport-fit=cover"/>

在蘋果的規範中，meta viewport 有6個屬性(暫且把content中的那些東西稱爲一個個屬性和值)，如下：

屬性	解釋
width	設置layout viewport 的寬度，爲一個正整數，或字符串"width-device"
initial-scale	設置頁面的初始縮放值，爲一個數字，可以帶小數
minimum-scale	允許用戶的最小縮放值，爲一個數字，可以帶小數
maximum-scale	允許用戶的最大縮放值，爲一個數字，可以帶小數
height	設置layout viewport 的高度，這個屬性對我們並不重要，很少使用
user-scalable	是否允許用戶進行縮放，值爲"no"或"yes", no 代表不允許，yes代表允許

項目中實例

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,viewport-fit=cover"/>
<style>
        *{
            margin:0;
            padding:0;
        }
        body,html{
            height:100%;
        }
    </style>
<iframe src="你的引用鏈接" width="100%" height="100%" frameborder="0" scrolling="auto"></iframe>

viewport應用