IOS安卓常見問題

時間 2019-12-01

標籤 ios 常見問題欄目 iOS 简体版

原文原文鏈接

1、IOS自帶safari瀏覽器

一、safari不支持fixed+input輸入框。

解決方案：

http://www.haorooms.com/post/ios_fixed_input

二、safari圖片加載失敗，默認圖片過大。

解決方案：

http://www.haorooms.com/post/img_faile_jiangrong

三、ios默認safari瀏覽器對齊問題解決

調試方法：

2、安卓UC瀏覽器

一、安卓UC爲表明的瀏覽器不支持部分css3屬性，例如calc等 width:90%;width:calc(sdadas);

二、滾動事件不會觸發touchmove事件

3、手機瀏覽器通用問題

一、彈出層touchmove滾動，會觸發body滾動（出現前提是body中有滾動軸）

http://www.haorooms.com/post/webapp_bodyslidebcdiv

二、假如你整個網頁用rem字體，部分安卓瀏覽器出現字體過大的狀況。

三、部分安卓瀏覽器對margin要求比較苛刻。

1、關於meta

（一）、經常使用的公共meta屬性

一、viewport

<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>

width=device-width 寬度是設備屏幕的寬度（像素）

height=device-height 高度是設備屏幕的高度（像素）

initial-scale 初始的縮放比例

minimum-scale 容許用戶縮放到的最小比例

maximum-scale 容許用戶縮放到的最大比例

user-scalable 用戶是否能夠手動縮放

二、Format-detection

format-detection翻譯成中文的意思是「格式檢測」，顧名思義，它是用來檢測html裏的一些格式的，那關於meta的format-detection屬性主要是有如下幾個設置：

meta name="format-detection" content="telephone=no"

meta name="format-detection" content="email=no"

meta name="format-detection" content="adress=no"

也能夠連寫：meta name="format-detection" content="telephone=no,email=no,adress=no"

通常只要禁用手機撥號便可

三、http-equiv

http-equiv顧名思義，至關於http的文件頭做用，它能夠向瀏覽器傳回一些有用的信息，以幫助正確和精確地顯示網頁內容，與之對應的屬性值爲content，content中的內容其實就是各個參數的變量值。 meat標籤的http-equiv屬性語法格式是：＜meta http-equiv="參數" content="參數變量值"＞；

（二）、IOS私有meta屬性

（四）、其餘瀏覽器私有meta屬性【除非特需，通常不推薦使用】

一、QQ瀏覽器私有

全屏模式

強制豎屏

強制橫屏

應用模式

二、UC瀏覽器私有

全屏模式

強制豎屏

強制橫屏

應用模式