VW

CSS常用函数整理

calc(数学表达式)如：width:calc(100%-20px);.calc{font-size:10vw;overflow:hidden;}.calc.left{float:left;width:
橙橙鲁·2019-09-11 13:25

CSS常用函数整理

calc(数学表达式)如：width:calc(100%-20px);.calc{font-size:10vw;overflow:hidden;}.calc.left{float:left;width:
橙橙鲁·2019-09-11 13:25

前端自适应布局初探（更简单地理解em rem vw vh的使用）~

第一次发博客，作个纪念。自适应的布局，当我们调整浏览器大小的时候，咱们写的这个网页内容也随着浏览器大小进行改变，当我们使用不同分辨率的电脑屏幕打开时候，网页内容也能保持最初的一个排版，元素按屏幕比例进行了缩放。em:都说这是一个相对的字体尺寸。怎么理解这个相对呢？这个相对：这个是一个可变的尺寸，是由font-size决定的。举个栗子：一个div元素。不给它设置font-size那么这个div使用e
DongDongDongD·2019-09-11 10:00

rem+vw前端的页面自适应

html {font-size: 12px;}p {font-size: 2rem;/*24px*/}2.vw是可视窗口的宽度单位，和百分比有点一样，1vw=可视窗口的宽度的百分之一。
邓惠子飞吧·2019-09-09 15:55

前端知识梳理

https://www.w3cplus.com/mobile/vw-layout-in-vue.html阿里面试题http://caibaojian.com/ali-mianshi.htmlHTML1.
忆达夫·2019-09-05 10:33

金蝶系统数据库笔记

K3数据库http://www.wodefanwen.com/lhd_6q9vw5cxdh9lpyv24ezf_1.html查看执行的前100条sqlSELECTTOP1000QS.creation_time
VanJamie·2019-08-26 17:18

CSS3 骨折文字

FractureTextbody{background:WhiteSmoke;}#fractureText{color:black;/**vw/vh指的是相对视口（即浏览器窗口的百分比大小）*/font-size
福州-司马懿·2019-08-26 16:20

动态REM

前端开发中的长度单位经常有：px像素em一个‘M'的宽度/一个汉字的宽度rem"rootem"，意思是根元素(html元素)的font-sizevhviewport100vh表示视口高度vwviewwidth100vw
Camilia_yang·2019-08-24 19:22

关于 rem em vh vw 单位详细解释！！

前言以前用px单位比较多，到后来的emremvhvw,今天就来总结下各种单位的使用效果。总有一天，你的努力会得到收获,共勉。在介绍下面这些单位的时候，我们先来聊聊这个内容那么，它有什么作用呢？？viewport用于设置移动端自适应——但如果是浏览流动布局的网页那情况会非常糟糕，设想一个宽度为30%的侧边栏对于320px[手机屏幕]而言也就96px，只能容纳8个12px的汉字，可阅读性非常差。为了让
一只大橘·2019-08-20 08:13

根据UI图设计的大小换算REM单位以及大屏页面全屏展示

则正常页面往下滚动的是情况下，输入UI图设计的尺寸，可以是1366，也可以是1920等；于是就用rem单位适配，根据根节点换算，关于单位相关的文章之前总结过：理解CSS常见的px/em/rem/vh/vw
WionWan·2019-08-19 13:56

移动端vw rem

mediascreenand(min-width:375px){html{/*iPhone6的375px尺寸作为16px基准，414px正好18px大小,60020px*/font-size:calc(100%+2*(100vw
done1898·2019-08-19 13:00

使用 webpack 的各种插件提升你的开发效率

使用webpack的各种插件提升你的开发效率前沿1.重构规划现存在的问题2.接入模块化开发3.图片压缩4.精灵图4.1精灵图自动合成4.1精灵图分组5.使用vw,vh自适应6.
lentoo-·2019-08-19 09:25

【1组A08】爆款文拆解《3岁暖男打脸百万巨婴：你什么脾气，孩子就什么命运》

文章来源：公众号https://mp.weixin.qq.com/s/SL-vw2KnpZwrB1ohSjnoHg3岁暖男打脸百万巨婴：你什么脾气，孩子就什么命运一直觉得自己很难把一个好点子写到足够深度
青昔的奇迹·2019-08-18 18:14

实现div左右上下居中，高度随宽度自适应

其高度始终是宽度的50%代码实现：JSBinAcss有两种方式实现上下居中，一种是使用flex布局的align-items属性，另一种是使用transform(注释部分)；实现高度是宽度的一半可以使用calc(50vw
Alexbyy·2019-08-17 11:30

（转）如何在Vue项目中使用vw实现移动端适配

原文:https://www.w3cplus.com/mobile/vw-layout-in-vue.html©w3cplus.com著作权归作者所有。
Mr_Dragonn·2019-08-16 16:54

前端常见面试题（二十二）@郝晨光

vw、vh、rem、em、px的区别pxpx是绝对单位，1px就是一个像素点emem是相对单位，是相对于父级的font-sizeremrem是相对单位，是相对于html的font-sizevwvw是相对单位
郝晨光·2019-08-15 20:17

css3中calc、vw、vh、vmin、vmax 属性的应用及兼容性详解

一、calc()的使用什么是calc()?calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。比如说，你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。为何说是动态值呢?因为我们使用的表达式来得到的值。不过calc(
一城柳絮吹成雪·2019-08-01 11:00

前端布局随手记录

切记不可使用比例进行计算容易导致问题可以按照以下思路来写.1.给最外部的边框设置最小值举例1200px2.内部的所有内容都以1200为标准写位置及大小3.这样不会出现你不想要的效果4.vw,vh尽量少用更新
_菩提本无树_·2019-07-31 14:22

three.js-线上运动的光效

index.html中代码如下，全部代码，写的有点儿low：Document*{margin:0;padding:0;}canvas{display:block;}#myBox{width:60vw;height
纳路透·2019-07-30 16:28

弄清楚CSS单位px、em、rem、vh、vw、vmin、vmax的应用场景

1、px：绝对单位，页面按精确像素展示2、em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。em是指字体高度浏览器默认1em=16px,所以0.75em=12px;我们经常会在页面上看到根元素写的font-size:62.5%;这样em就成了16px*62.5=10em;这是显示在页面的字体大小是1
一晌贪欢i·2019-07-29 14:16

[秋招] 你要的前端知识点可能在这里

直接进入正题吧～希望对看者有帮助～且行且珍惜～HTML拖拽html5圣杯布局/双飞翼布局重排和重绘CSS盒模型和box-sizing;rem、em、px、%、vh、vw、vm单位区别实现单行、多行文本溢出显示
reng99·2019-07-26 21:33

[秋招] 你要的前端知识点可能在这里

直接进入正题吧～希望对看者有帮助～且行且珍惜～HTML拖拽html5圣杯布局/双飞翼布局重排和重绘CSS盒模型和box-sizing;rem、em、px、%、vh、vw、vm单位区别实现单行、多行文本溢出显示
reng99·2019-07-26 21:33

移动端适配

判断用户使用的设备,跳转到相应的网站移动端适配(rem)一.元素的度量单位1.px像素2.em根据父元素来计算大小（项目中比较少用）3.rem根据根节点(html)元素的font-size进行计算大小4.vw
好难想的名字·2019-07-26 12:59

移动端兼容问题总结(3)

如果有可能可以可以设置width:100vw;height:100vh这样，防止滚动穿透flex布局下文本省略问题描述:在fle
zsirfs·2019-07-25 00:00

前端响应式布局的最佳实践postcss-plugin-px2units

前言：前端开发页面，需高度还原UI设计稿，布局过程中涉及width、heigth、字体大小等，在适配不同比例屏幕大小时，往往会才用vw、vh、rem等来自动适配，本插件主要用于解决：自动计算设计稿px到
pamki·2019-07-25 00:00

德日车企酣战A级车，新速腾L除了加长还有什么法宝？ | 经观汽车

轴距加长是一汽-大众奥迪在中国市场本土化的重要手段，换到VW品牌可以说是手到擒来，但速腾加长是一汽-大众大众品牌第一次为中国市场进行
头条汽车·2019-07-24 00:00

西门子PLC-s7-200位移寄存器使用方法详解

测试方法：先把I0.1强制置1，vw30赋值，如：2#1110010110100101vb30:11000101vb31:10100101N：14，表示vb30.0开始向左移动的位数，vw30共16位，
txwtech·2019-07-21 14:01

（转）如何在Vue项目中使用vw实现移动端适配

原文:https://www.w3cplus.com/mobile/vw-layout-in-vue.html©w3cplus.com著作权归作者所有。
阿布ccc·2019-07-18 11:50

【每日一练】动态提交按钮

padding:0;margin:0;}#box{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw
萌芽子·2019-07-17 18:56

echarts使用------地图生成----省市地图的生成及其他相关细节调整

js：http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js以下为示例代码：陕西西安市地图body,html{width:100vw
一城柳絮吹成雪·2019-07-16 17:00

纯js+css实现手机端的轮播控件

纯js+css实现手机端的轮播控件1.首先是页面布局，外层一个div容器.loop-wrap,我这里宽度设置的是100vw，这个可以根据实际情况来设置宽度大小，2.第二层有个轮播图容器.sw-container
王涛_666·2019-07-10 14:52

移动端开发技巧(三)——移动端300ms延迟 & 自己实现fastclick

完整的移动端开发笔记请戳https://github.com/zenglinan/Mobile-note目录：为了解决方案1(viewport适配)的缺点(无法对部分缩放，部分不缩放)，出现了vw适配流程将设计稿
临安linan·2019-07-07 23:05

复杂网络节点重要性算法之局部中心性

但计算复杂度太高,难以在大规模网络上使用.为了权衡算法的效率和效果,Chen等人提出了一种基于半局部信息的节点重要性排序方法,简称半局部中心性(semi-localcentrality).首先定义N(w)为节点Vw
DiamondTan·2019-07-05 10:24

idea2018.2.3版本破解教程

下载JetbrainsCrack-3.1-release-enc.jar插件下载地址：链接:https://pan.baidu.com/s/1LuOkvJ41rFMO1zCSuQE6vw提取码:c7e9
Sunny__wei·2019-07-03 20:49

vue实现自定义H5视频播放器的方法步骤

前言前段时间基于vue写了一个自定义的video播放器组件,踩了一些小坑,这里做一下复盘分享出来,避免日后重复踩坑...设计阶段这里就直接放几张完成后的播放状态图吧,界面布局基本就是flex+vw适配一把梭
appleguardu·2019-07-01 09:07

vue实现自定义H5视频播放器

前言前段时间基于vue写了一个自定义的video播放器组件,踩了一些小坑,这里做一下复盘分享出来,避免日后重复踩坑...设计阶段这里就直接放几张完成后的播放状态图吧,界面布局基本就是flex+vw适配一把梭
appleguardu·2019-06-30 00:00

2019-04-10 浏览器中禁止页面下拉回弹

*body{height:100%;width:100%;position:fixed;top:0;left:0;}*/.header,.footer{position:fixed;width:100vw
红橙子_5eba·2019-06-28 15:43

uniapp 瀑布流

组件淘气城堡exportdefault{props:{shopListItem:'',index:''}};.shopItem{width:44.85vw;height:44.85vw;background
niersen丶尼尔森·2019-06-28 15:44

2019-06-28 移动端rem用法

2、定义固定10为转换倍数，设置html{font-size:calc(100vw/10);}。这时不同屏幕大小时html是等比放大缩小的，iphone5下html是32px。
红橙子_5eba·2019-06-28 14:00

一行css代码实现rem，不再使用js实现rem

最近发现只要一行css代码就与五花八门的rem.js作用一样：html{font-size:calc(100vw/6.5)}拿到650px设计稿以后，这样算下来按照设计稿实际大小除以100就是rem的大小了
霜序十一丶·2019-06-27 18:51

CSS单位px、em、rem、vh、vw、vmin、vmax

1、px：相对长度单位。像素px是相对于显示器屏幕分辨率而言的。2、em：相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。看下面例子：HTML:bodydiv1  div2    div3  CSS:div{  font-size:1.5em;}计算关系是这样的：body的font-size是继承自跟元素html，html的尺寸是
Alice__97·2019-06-27 08:36

使用vw单位做移动端适配

随着浏览器对vw单位的支持，使用vm作单位更适合。本文旨在讲述如何使用vm做适配。1.直接vm设置根元素字体大小众所周知视口宽度
janyxh·2019-06-21 18:40

使用html生成一朵云

代码body{width:100vw;height:100vw;background:linear-gradient(165deg,#5277850%,#7FB4C7100%);padding:1%;}
The best are water·2019-06-20 08:42

移动端适配-vw例子

点击查看页面点击查看源码html部分Document天天菜市我的订单充值有礼积分商城css部分body{font-family:helvetica;max-width:750px;margin:0auto;font-size:12px;/*需要限制一个字体大小，要不然的话默认字体大小也会跟着变*/}body*{-webkit-user-select:none;-webkit-touch-callo
Pumpkin~·2019-06-16 21:05

CSS尺寸单位

相对长度单位包括：em,ex,ch,rem,vw,vh,vmax,vmin绝对长度单位包括：cm,mm,q,in,pt,pc,px相对单位单位描述em相对于当前字体的尺寸。
zpanclimb·2019-06-16 18:11

CSS尺寸单位

相对长度单位包括：em,ex,ch,rem,vw,vh,vmax,vmin绝对长度单位包括：cm,mm,q,in,pt,pc,px相对单位单位描述em相对于当前字体的尺寸。
zpanclimb·2019-06-16 18:11

vue移动端px自动转换vw适配

在vue移动端的项目使用vw适配的效果要优于rem适配。
光头小青蛙·2019-06-16 11:04

【vue】webapp移动端模板

先说下这套模板的项目配置，主要使用vw适配移动端webpack+vue+vue-router+axios+mint-ui+sass+postcss+normalize.css具体依赖懒得打字了，直接贴pacage.json
不想写代码的码农·2019-06-14 17:59

快速简单实现查看更多功能

近期遇到需要根据屏幕宽度展示不同数量item，且需要收缩展开功能，记录一下Document*{margin:0;padding:0;}li{list-style:none;}.wrap{width:40vw
果子煎饼同学·2019-06-12 15:06

vw+rem移动端自适应布局

本文同步发布于我的个人博客上-vw+rem移动端自适应布局不管是面试还是工作过程中，移动端的布局都比较常见，而移动端适配方法也是多种多样。
越小皓·2019-06-12 00:00
上一页 29 30 31 32 33 34 35 36 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他