移動端知識梳理

2022-07-05 11:48:09 字數 414 閱讀 1434

h5:對於input新增表單元素屬性,以及新增型別的優勢

->在移動端表單元素中沒有keydown/keyup事件(移動端的見怕是虛擬鍵盤),這兩個事件(輸入內容事件)統一使用input事件代替:[element].oninput=function(){}

->placeholder:在ie(10以下,10相容,但是不是很好,可以理解為不相容)下不相容,如何使用js來模擬。

新增加的一些js的api

css3

響應式布局: + ->pc和移動端用一套的使用(外層盒子寬度百分比,其餘都是寫死的,拿@media(國際通用規範)在不同裝置中一點點的調整樣式) + ->rem(懶人做法),一般應用於當卡專案僅僅是在移動端裝置上訪問的(在pc端部相容) + ->flex不是響應式布局方案,僅僅是某些特殊的效果用這個來做而已

相容:

梳理 移動端Viewport的知識

再次閱讀了 viewports剖析 寫一點自己對移動端的總結和想法。之前一直在這兩個知識點上學習,但我認為弄懂移動端,還需要加上乙個關鍵知識點,就是 螢幕大小。下面簡單地總結一下。layout viewport 布局視口 在pc端已經知道,網頁的viewport是高於html元素的屬於頁面最高端別的...

移動端知識小總結

1 ppi每英吋的物理畫素點 2 兩倍圖 想在螢幕中顯示一張100100的 先製作一張200 200的 再設定為100100,這樣高清屏會放大兩倍,這樣會造成模糊效果。這裡的兩倍不是尺寸放大兩倍,而是用兩倍的畫素來顯示。3 布局視口 layout viewport 為了pc端的網頁在手機上顯示 4 ...

日常小知識 移動端

1 修改預設的placeholder顏色 webkit input placeholder moz placeholder moz placeholder ms input placeholder 2 複寫掉ios的input樣式 移動 input type button 3 ios,overflo...