移動端web開發整理

2022-07-27 20:18:10 字數 566 閱讀 7501

/* 移動端定義字型的** */

body

ios端觸控時,會出現乙個半透明灰色遮罩

如果想要禁用,可設定-webkit-tap-highlight-color的alpha值為0

body

關於 ios 與 os x 端字型的優化(橫豎屏會出現字型加粗不一致等)

ios 瀏覽器橫屏時會重置字型大小

body

禁止 ios 彈出各種操作視窗

-webkit-touch-callout:none;

禁止使用者選中文字

-webkit-user-select:none;

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

div

ios裝置輸入框缺省內陰影// 阻止頁面滑動的預設行為

document.body.addeventlistener('touchmove', function(event)

});

移動端web開發

viewport content width device width,user scalable no,initial scale 1.0,maximum scale 1.0,minimum scale 1.0 width 設定視口寬度 initial scale 初始化縮放比,大於0的數字 ma...

移動端Web開發

移動端web開發與pc端的web開發有尺寸上的不同,手機螢幕大小有很多種,因此尺寸方面有些要注意的。1.字型 採用js動態設定字型大小的方法 思路如下 螢幕寬度 640px,則font size 100px 螢幕寬度 640px,則font size 100 寬度 640px 字型單位為rem 在b...

移動端web開發

互動優化 1px dpr dpr dp viewport使手機瀏覽器先排版正確再縮放 移動web最佳設定 viewport content width device width,initial scale 1,user scalable no 相容性問題根據html的font size,基值設dev...