Logo

菜单

qiaofugui

所有标签

#小程序 5 #Yarn 0 #移动端 5 #浏览器私有前缀 1 #案例 0 #模板引擎 1 #插件 0 #开发框架 0 #响应式 1 #Vuex 1 #Vue3 5 #Vue2 5 #Umi3 1 #Vite 0 #Taro 1 #UniApp 1 #TypeScript 5 #SEO 1 #React17 3 #HTTP 1 #Sass 1 #HTML5 1 #React 18 #Pinia 1 #Mock 1 #Less 0 #jQuery 4 #NodeJS 3 #JavaScript 45 #Ajax 6 #HTML 1 #Git 3 #Echarts 0 #ES6 1 #Bootstrap 1 #Axios 0 #CSS 22 #CSS3 10 #Canvas 1 #Halo 0
笔记 #移动端

移动端-less+rem+媒体查询布局

less+rem+媒体查询布局 rem 单位 rem(root em)是一个相对单位，类似于em，em是父元素的字体大小 不同的是rem的基准是相对于html元素的字体大小

qiaofugui 发布于 2024-05-20
笔记 #移动端

移动端-flex 弹性布局

flex 弹性布局 布局原理 flex 是 flexible Box 的缩写，意为“弹性布局”，用来为盒模型提供最大的灵活性，任何一个容器都可以指定为 flex 布局 当我们为父盒子设置为 flex 布局一以后，子元素的 float、clear 和 vertical-align 属性都将失效

qiaofugui 发布于 2024-05-20
笔记 #移动端

移动端-流式布局（百分比布局）

流式布局（百分比布局） 流式布局，就是百分比布局，也称非固定像素布局 通过盒子的宽度设置成百分比来根据屏幕的宽度来进行缩放，不受固定像素的限制，内容向两侧填充 max-width 最大宽度（max-height 最大高度） min-width 最小宽度（min-height 最小高度）

qiaofugui 发布于 2024-05-20
笔记 #移动端

移动端-meta 视口标签

<meta name="viewpoort" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> 属性 解释说明 width 宽度设

qiaofugui 发布于 2024-05-20
笔记 #移动端

移动端-视口

视口（viewport） 就是浏览器显示页面内容的屏幕区域，视口可以分为布局视口、视觉视口和 理想视口 布局视口 layout viewport 一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的 PC 端页面在手机上显示的问题 iOS、Android 基本都将这个视口分辨率设置为 980

qiaofugui 发布于 2024-05-20