IOS安卓常見問題

2022-08-10 09:00:19 字數 2223 閱讀 8656

一、ios自帶safari瀏覽器

1、safari不支援fixed+input輸入框。

解決方案:

2、safari載入失敗,預設過大。

解決方案:

3、ios預設safari瀏覽器對齊問題解決

除錯方法:

二、安卓uc瀏覽器

1、安卓uc為代表的瀏覽器不支援部分css3屬性,例如calc等 width:90%;width:calc(sdadas);

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

三、手機瀏覽器通用問題

1、彈出層touchmove滾動,會觸發body滾動(出現前提是body中有滾動軸)

2、假如你整個網頁用rem字型,部分安卓瀏覽器出現字型過大的情況。

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

一、關於meta

(一)、常用的公共meta屬性

1、viewport

width=device-width 寬度是裝置螢幕的寬度(畫素)

height=device-height 高度是裝置螢幕的高度(畫素)

initial-scale 初始的縮放比例

minimum-scale 允許使用者縮放到的最小比例

maximum-scale 允許使用者縮放到的最大比例

user-scalable 使用者是否可以手動縮放

2、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的檔案頭作用,它可以向瀏覽器傳回一些有用的資訊,以幫助正確和精確地顯示網頁內容,與之對應的屬性值為content,content中的內容其實就是各個引數的變數值。 meat標籤的http-equiv屬性語法格式是:<meta http-equiv="引數" content="引數變數值"> ;

(二)、ios私有meta屬性

(四)、其他瀏覽器私有meta屬性【除非特需,一般不推薦使用】

1、qq瀏覽器私有

全屏模式

強制豎屏

強制橫屏

應用模式

2、uc瀏覽器私有

全屏模式

強制豎屏

強制橫屏

應用模式

二、關於樣式

1、上下拉動滾動條時卡頓、慢

body

2、禁止複製、選中文字

element

解決移動裝置可選中頁面文字(視產品需要而定)

3、長時間按住頁面出現閃退

element

4、iphone及ipad下輸入框缺省內陰影

element

5、ios和android下觸控元素時出現半透明灰色遮罩

element

設定alpha值為0就可以去除半透明灰色遮罩,備註:transparent的屬性值在android下無效。

6、active相容處理

7、動畫定義3d啟用硬體加速

element

8、retina屏的1px邊框

element

9、旋轉螢幕時,字型大小調整的問題

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6

10、transition閃屏

/設定內嵌的元素在 3d 空間如何呈現:保留3d /

-webkit-transform-style: preserve-3d;

/ 設定進行轉換的元素的背面在面對使用者時是否可見:隱藏 /

-webkit-backface-visibility:hidden;

11、圓角bug

某些android手機圓角失效

background-clip: padding-box;

前端常見問題 安卓文字無法垂直居中

安卓 webview 的字型大小在小於 12 畫素的時候無法使用行高來垂直居中 table 布局 文字偏上 hot 熱門 flex 布局 文字偏上 hot 熱門 transform 縮放 文字居中了,但是 transform 不能還原元素在 dom 上的占用區域大小 hot 熱門 zoom 縮放 文...

IOS 證書常見問題

1.新加乙個證書後,certifacation 後再匯出mobileprovision 但xcode 檢視該mobileprovision 顯示 valid signing identity not found.原因 是沒有私鑰,私鑰是第乙個用本機申請certifacation時建立的。解決方案 需...

IOS常見問題整理

nsallowsarbitraryloads 2 ios應用啟動時不佔滿全屏,上下有黑邊 原因是沒有retina4對應的啟動,解決方法很簡單,就是把retina4對應的給補上就只可以了 設定 launch images source 集 ios 8以前啟動頁用,8以後的用xib檔案 3 html i...