移動端搭建

2021-09-26 19:28:35 字數 357 閱讀 1249

首先了解視口的概念

視口的介紹

視口的引數

視口的寬度可以通過meta標籤設定,此屬性為移動端頁面視口設定,當前值表示在移動端頁面的寬度為裝置的寬度,並且不縮放(縮放級別為1)

首先包乙個大盒子 設定width:100%;height:100%;wax-width:760px最大寬度可根據需求自行設定

1.滾動條

2.單側固定另一側自適應(自適應布局)

3.浮動或定位導致元素位置隨螢幕大小移動的情況

4.獲取裝置寬高

vw、vh、vmin、vmax 的含義

vw、vh 與 % 百分比的區別

vmin、vmax 用處

從0開始搭建vue移動端

建立專案 全域性安裝vue cli npm install g vue cli 建立專案 vue init webpack vue demo如果出現vue 不是內部或外部命令,也不是可執行的程式 或批處理檔案 在main.js中引入flexible.js檔案 flexible.js function...

搭建移動端布局框架 重拾flex

說起關於flex的文章。我覺得啊除了阮一峰老師,再也無人能出其右了,所以這裡也只是聊做記錄。flex container 元素新增了flex屬性後就變成了flex容器,axes flex container的座標軸,分為main axes 主軸 和cross axes 交軸 flex item 父元...

移動端 移動端頁面適配方案

這是mdn上的解釋 這個單位代表根元素的 font size 大小 例如 元素的font size 當用在根元素的font size上面時 它代表了它的初始值 也就是說,rem單位取值的大小和根元素html的font size取值直接相關。它跟html元素之間得關係為 html的fontsize值 ...