熱門移動端H5開源前端開發框架蒐集整理

2021-08-08 03:07:10 字數 485 閱讀 6007

官方**:ant.design

介紹:這裡螞蟻金服出的一款框架,提供了桌面版和移動版兩大塊。移動版的首頁是:

應用者:螞蟻金服、阿里巴巴、口碑、滴滴

官網:framework7.taobao.org

官網:m.sui.taobao.org

介紹:msui 是阿里巴巴共享業務事業部ued團隊的作品。主要基於上面提到的 framework7開發的 一款輕量且相容所有主流安卓裝置的前端庫。其參考ratchet、ionic、onsen各種不同的思路,強化功能,精簡體積,並提供國內最穩定快速的cdn支援。此外還定製增強了一些工具類開源庫。

官網:frozenui.github.io

移動端h5開發基礎

移動端h5開發基礎知識 一.手機端開發頁面必須要加一段 注 這段 的主要意思是 讓頁面寬度等於裝置寬度,縮放比例為1,禁止使用者縮放。用於檢測視口,主要的效果就是取消下面的滾動條,讓頁面適應螢幕。二.為自己的頁面設定最大寬度和最小寬度 主要作用是在螢幕足夠大的時候,頁面也不會失真。三.相容手機螢幕大...

前端 移動端h5常用屬性

viewport 設定顯示方式,一般適配移動裝置用來避免縮放和影響體驗的滾動條 width device width 寬度為裝置寬度 initial scale 初始的縮放比例 範圍從 0到 10 minimum scale 允許使用者縮放到的最小比例 maximum scale 允許使用者縮放到的...

移動端h5框架自適應 移動h5自適應布局

轉 問題一,解析度resolution適配 不同螢幕寬度,html元素寬高比和字型大小,元素之間的距離自適應,使用rem單位。問題二,單位英吋畫素數ppi適配 使用rem單位,文字會發虛。段落文字,使用px單位,用media query或js來適配。標題文字可以直接使用rem單位。問題三,裝置畫素比...