vue开发当中移动端中css常用相对单位

css中常用的单位是px（像素），因为px 是一个绝对的单位，不能随着手机屏幕大小的改变而改变，所以就用到了各种各样的相对单位

相对单位：

em：基准点为父节点的字体大小

body{width:100em;
height:100em;
}

rem：相对根元素字体大小来计算，比如html元素

body{width:100rem;
height:100rem;
}

vw：可视口的宽度，是视口宽度的1%来计算

body{width:100vw;
}

vh：可视口的高度，是视口高度的1%来计算

body{height:100vh;
}

vmin：是可视口宽度和可视口高度比较，取最小的那个值

body{width:100vmin;
height:100vmin;
}

vmax:是可视口宽度和可是口高度比较，取最大的那个值

body{width:100vmax;
height:100vmax;
}

vue开发当中移动端中css常用相对单位相关推荐

Html中CSS常用属性
Html中CSS常用属性一.注释在style标签中注释的书写使用"/* 注释内容 */",而不是. 二.文字属性用于对文字进行修饰的属性 ...
CSS常用尺寸单位含义总结
CSS常用尺寸单位含义总结(em,rem,ex,px,cm,mm,in,pt,pc,ch,vw,vh,vmin,max,%,fr...) 1in = 2.54cm = 25.4 mm = 72pt = ...
vue开发android tv,vue-tv-focusable中文文档
文章目录简介下载使用 1.设置元素可获取焦点 2.设置焦点的样式 3.指定焦点移到到某一个元素上 4.自定义焦点移动其它 1.提一下初始化 2.监听焦点状态简介 tv-focusable 是 ...
基于vue开发的移动端（仿蘑菇街，淘宝）电商项目
基于vue.js的知识点(webpack,Vuex,Vue-router,axios)开发电商手机网站项目组件库:vantUI.ElementUI 码云地址:https://gitee.com/YG ...
微信小程序中css常用属性
目录 ① flex ② display ③ box ④ position ① flex 容器的属性 flex-direction 决定主轴的方向(即项目的排列方向). flex-wrap 默认情况下, ...
html中css常用知识点
文章目录 **::before和::after清除浮动的固定格式(前后格式互不影响)** Div内图片填充 **a标签的应用及样式:** 图片热点:map必须和img一起使用 **背景颜色渐变:** ...
vue开发：移动端图片上传
因为最近遇到个移动端上传头像的需求,上传到后台的数据是base64位,其中为了提高用户体验,把比较大的图片用canvas进行压缩之后再进行上传.在移动端调用拍照功能时,会发生图片旋转,为了解决这个问题 ...
vue文件里在style的样式需要什么loader_Vue学习笔记之Webpack中css、less、图片等文件处理...
一.webpack中使用css文件: loader是webpack中一个非常核心的概念,去转化webpack不能转化或打包的文件. 安装loader: 官网介绍: 安装: cnpm install - ...
[总结]vue开发常见知识点及问题资料整理（持续更新）
package.json中的dependencies与devDependencies之间的区别 –save-dev 和 –save 的区别我们在使用npm install 安装模块或插件的时候,有两 ...
Vue开发入门(二) | 说说Vue全家桶有哪些~
全家桶,顾名思义,就是一个系列,可以组合开发成完整强大的Vue项目前言: *Vue两大核心思想:组件化和数据驱动. 组件化:把整体拆分为各个可以复用的个体数据驱动:通过数据变化直接影响bom展示, ...

vue开发当中移动端中css常用相对单位

css中常用的单位是px（像素），因为px 是一个绝对的单位，不能随着手机屏幕大小的改变而改变，所以就用到了各种各样的相对单位

vue开发当中移动端中css常用相对单位相关推荐

最新文章

热门文章