E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
vw移动端适配
VUE使用 postcss-px-to-viewport 适配移动端布局px自动转换
vw
安装使用npm安装$npminstallpostcss-px-to-viewport--save-dev或者使用yarn进行安装$yarnadd-Dpostcss-px-to-viewport在postcss.config.js添加如下配置module.exports={plugins:{//...'postcss-px-to-viewport':{//optionsunitToConvert:'
Thesand
·
2023-09-04 12:08
vue-cli中的
vw
适配
安装插件
[email protected]
根目录新建postcss.config.js文件//postcss.config.jsmodule.exports={plugins:{'postcss-px-to-viewport':{viewportWidth:375,},},};
真的想不出名儿
·
2023-09-04 09:06
vue2移动端项目
vue.js
javascript
前端
基于rem和vm和calc实践代码:
mediascreenand(min-width:375px){html{/*iPhone6的375px尺寸作为16px基准,414px正好18px大小,60020px*/font-size:calc(100%+2*(100
vw
悠哉悠哉过日子
·
2023-09-02 18:23
VUE环境下 CSS3+JS 实现发牌 翻牌
创建牌容器(关键点:overflow:hidden):.popup-box{position:absolute;width:100
vw
;height:100vh;top:0px;left:0;overflow
悟空_大师兄_
·
2023-09-02 10:36
css3
前端
css
HTML标签及CSS样式
HTML标签及其功能css样式补充尺寸单位:px(绝对单位)、em(相对于父元素)、rem(相对于根元素)、vh(可视区域高度(相对单位))、
vw
(可视区域宽度(相对宽度))font-weight(字体粗细
Little_naive
·
2023-09-02 00:47
css
css3
css
Effetive STL | 条款2 : 小心对“容器无关代码”的幻想
的幻想文章目录EffetiveSTL|条款2:小心对“容器无关代码”的幻想STL容器特点推行自己的容器容器能力的交集封装Method1:typedefMethod2:class>>>>>欢迎关注公众号【三戒纪元】
vw
moneymyone
·
2023-09-01 19:24
C++
c++
基于 vue3 + webpack 5 + sass+
vw
适配方案+axios 封装,从0构建手机端模板脚手架
Webpack5正式发布也有很长长长一段时间了,上手了一段时候后发现真香。webpack5的新特性使得我们在配置上比以往版本更加方便了,构建速度也有了质的飞跃。本文着重为大家讲解从0到1搭建vue3+webpack5开发环境的过程中遇到的疑问。项目地址:webpack5-vue3demo地址:https://zhouyupeng.github.io/webpack5-vue3/#/先看一下配置好的
·
2023-09-01 16:14
vue.js前端webpack
uniapp跑马灯文字滚动
{{item.name}}.barrage-box{ //border:1rpxsolidred; padding:010rpx; width:90
vw
; transform-origin
阿巴资源站
·
2023-09-01 09:30
css
vant
移动端适配
npmi-Samfe-flexible在main.js文件中引入lib-flexibleimport'amfe-flexible'安装
[email protected]
之所以需要这个版本,是为了避免升级postcss8.x报错在public/index.html加入meta标签vue.config.js里加入配置module.exports={cs
随风飞2019
·
2023-09-01 02:05
【Vue】全家桶之Vite
文章目录概述搭建项目使用NPM:使用Yarn:使用PNPM:Vite配置项取别名配置代理环境变量项目配置预处理样式
移动端适配
方案全局TS类型声明mock.js动态加载静态资源vue配置路由配置状态管理二级目录部署来源概述
软泡芙
·
2023-08-31 21:06
开发
#
Web_前端
vue.js
前端
javascript
vite
iframe简单用法
iframe一般用于一个网页嵌套另外一个网页比如我这里有两个html文件在1.html文件写上body{margin:0;padding:60px;height:100vh;width:100
vw
;box-sizing
关忆北_
·
2023-08-31 13:27
经验记载
前端
javascript
html
css中的
vw
\vh
#######认识视口单位(Viewportunits)首先,我们要了解什么是视口。在业界,极为推崇的一种理论是Peter-PaulKoch(江湖人称“PPK大神”)提出的关于视口的解释——在桌面端,视口指的是在桌面端,指的是浏览器的可视区域;而在移动端较为复杂,它涉及到三个视口:分别是LayoutViewport(布局视口)、VisualViewport(视觉视口)、IdealViewport。
北末_染
·
2023-08-31 09:51
发现•分享—2019-01-26~2019-01-29
工具适应不同环境的跨端整体解决方案Babel手册项目案例2018年JavaScript明星项目文章JS一篇挺不错的函数式编程九种跨域方式实现原理(完整版)
移动端适配
深入了解JavaScript引擎精华,
稚儿擎瓜_细犬逐蝶
·
2023-08-31 02:10
前端笔记 (持续更新~)
vuex4.vue组件通讯5.前端性能优化5.keep-alive的使用方法和生命周期6.typescrpit8.webpack10.pinia四星重点ts泛型js的this指向js数组方法js字符串方法
移动端适配
方案有多少种栈和堆文本溢出
qq_43959639
·
2023-08-30 18:15
前端
javascript
微信小程序转盘实现(真心话大冒险)
废话不多说,接下来直接上图上代码吧实现效果扫码体验首先给出素材图片2.wxml代码wxss代码.background{/*#CSS3引入的"
vw
"和"vh"基于宽度/高度相对于窗口大小#"
vw
"="viewwidth
难合衬i
·
2023-08-30 11:20
微信小程序篇
微信小程序转盘实现
微信小程序真心话大冒险
转盘素材
大转盘实现代码
网页
移动端适配
方案分析
目录:1、手机浏览器分辨率2、移动端和pc端网站需要分开吗3、dpr和多倍图4、常见
移动端适配
方式5、大厂手机浏览器适配方式前端开发人员需不需要学习
移动端适配
:在全球范围内,2020年所有网站访问的68.1%
前端andMore
·
2023-08-29 00:01
video视频自动播放
video视频自动播放自动播放+声音去掉muted=“true”video{width:100
vw
;height:30vh}
周亚鑫
·
2023-08-28 18:38
音视频
移动端横/竖屏模式下的电子签名兼容
基于实践问题,本文主要覆盖以下至少点:文档方向与屏幕方向不同端APP浏览器的横屏预览支持情况
移动端适配
横屏布局快速兼容canvas响应式适配屏幕旋转带来的问题以及兼容方法移动端横/竖屏模式下的电子签名屏幕方向于页面方向屏幕方向
·
2023-08-28 17:18
谈谈 H5
移动端适配
原理
前言欢迎关注同名公众号《熊的猫》,文章会同步更新,也可快速加入前端交流群!H5移动端开发的必不可少的一个环节就是移动端网页的适配,因为UI通常只会提供大小固定的设计稿,而各种不同移动设备具有不同的页面分辨率和大小,所以适配的目的就是让一份设计稿在不同移动设备上表现出一致性。虽然现如今各种插件都可以帮助我们快速配置完成,例如lib-flexible、postcss-pxtorem、postcss-p
·
2023-08-28 10:25
vxe-table 移动端加载更多解决方案
目前有个项目要求移动端用table表格展示数据,后期可能会有筛选、冻结功能,看了下推荐组件,毅然决然的采用了vxe-table,因为看到可以适配element,结果做到最后,才发现没有
移动端适配
滑动底部加载更多
会java、python、前端的小白
·
2023-08-28 05:01
js
vue
vxe-table
css3
html5
vue.js
animation练习3之七夕篇
Document*{padding:0;margin:0;}body{width:100
vw
;height:100vh;background:#000;color:#fff;font-size:large
花开花落的博客
·
2023-08-27 02:20
前端
css
css3
移动端布局
第一:百分比布局第二:弹性盒子第三:相对单位
移动端适配
image.png百分比布局一根据父节点的大小来计算:%练习:1:制作基本布局,2:制作响应式图片*{padding:0px;margin:0px;
不付好时光
·
2023-08-27 00:25
倒计时动效
1.效果2.html3213.cssbody{width:100
vw
;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items
不靠谱的作曲家
·
2023-08-26 04:48
css
css
css3
html
rem单位在chrome中适应变化
12px会响应chrome在79版本后修复了这个最低响应问题,可做到响应到多少都没问题问题:如果想要在79版本之前想要做到响应单位该怎么办解决办法:将根节点设置成响应单位:$rem:calc((100
vw
弦生_a3a3
·
2023-08-25 21:57
HTML番外篇(五)-
移动端适配
一、媒体查询1.认识媒体查询媒体查询是一种提供给开发者针对不同设备需求进行定制化开发的一个接口。你可以根据设备的类型(比如屏幕设备、打印机设备)或者特定的特性(比如屏幕的宽度)来修改你的页面。媒体查询的使用方式主要有三种:方式一:通过@media和@import使用不同的CSS规则(常用);方式二:使用media属性为,,和其他HTML元素指定特定的媒体类型;方式三:使用Window.matchM
coder!mq
·
2023-08-25 20:01
HTML-CSS
html
前端
VW
80000-2021版,最新发行,(3.5 吨以下汽车电气和电子部件试验项目标,试验条件和试验要求),大众标准
VW
-80000-2021版,最新发行,(3.5吨以下汽车电气和电子部件试验项目标,试验条件和试验要求https://download.csdn.net/download/std7879/85083847https
std7879
·
2023-08-25 12:16
汽车
Vue 移动端中使用
vw
适配
流程:(1)安装yarnaddpostcss-urlpostcss-importpostcss-aspect-ratio-minipostcss-px-to-viewportpostcss-write-svgpostcss-cssnextpostcss-viewport-unitscssnanocssnano-preset-advanced(2)在根目录添加postcss.config.js文件,
小废柴JH
·
2023-08-25 09:59
常见题型分析
HTML+CSS1.
移动端适配
(rem实现)2.flex布局3.position常见状态4.清除浮动常用方法(BFC)5.box-sizing与盒模型的理解6.BFC理解与用途7.两栏、三栏布局8.移动端
明明明明如月
·
2023-08-25 09:36
Uniapp flex布局失效
添加`overflow:hidden;white-space:nowrap;`属性view添加`display:inline-block;`属性content.scroll-view{width:100
vw
web.yoyo
·
2023-08-25 01:54
Uni
uni-app
前端
javascript
php 双重循环优化 foreach
数据越庞大效果越明显没看懂请留言$
VW
_SHANGPIN_FJSX=[['spdm'=>'kf','spmc'=>'咖啡','type'=>1],['spdm'=>'kl','spmc'=>'可乐','
微齐天大圣.
·
2023-08-24 00:55
PHP
php
双重循环优化
php
循环优化
php
大数据循环优化
纯css3的网站轮播图animation练习2
Document*{padding:0;margin:0;}body{width:100
vw
;height:100vh;display:grid;}main{width:300px;height:300px
花开花落的博客
·
2023-08-23 11:57
css3
css
前端
rem适配方案2
简洁高效的rem适配方案flexible.js技术方案1less媒体查询rem技术方案2(推荐)flexible.jsrem6.1简洁高效的rem适配方案flexible.js手机淘宝团队出的简洁高效
移动端适配
库我们再也不需要再写不同的屏幕的媒体查询
皮皮章
·
2023-08-22 13:09
移动端,PC端是怎么做适配的?
单位px:像素em:一个M的宽度(面试:一个字的宽度)rem:rootem根元素()的font-size//oppo个别机型不适用vh:viewheight,视口高度100vh===视口高度
vw
:viewwidth
shirley_ee84
·
2023-08-22 11:44
css3之animation 提交按钮简单的动画
Document*{padding:0;margin:0;}body{width:100
vw
;height:100vh;display:grid;grid-template:1fr/1fr;}.btn{
花开花落的博客
·
2023-08-22 11:19
css3
css
前端
uniapp scroll-view横向滚动无效,scroll-view子元素flex布局不生效
2scroll-view标签需要给予一个固定宽度,可以是百分百也可以是固定宽度或者100
vw
。
蕉君桑
·
2023-08-22 08:57
uni-app
前端
javascript
pc端与
移动端适配
解决方案(vue版本)
1.找到根文件index.html.2.属性描述注释0到10)*minimum-scale:允许用户缩放到的最小比例*maximum-scale:允许用户缩放到的最大比例*user-scalable:用户是否可以手动缩(no,yes)-->3.index.html头部中写入
webYin
·
2023-08-22 07:39
前端
vue.js
移动端适配
根据窗口大小动态计算字体大小functioncomputed(){letHTML=document.documentElement,deviceW=HTML.clientWidth,designW=750,ratio=deviceW/designW*100;if(deviceW>=410)ratio=410/designW*100;HTML.style.fontSize=ratio+'px';}c
田成力
·
2023-08-22 03:25
uniapp如何应对不同端字体大小的问题
2.使用
vw
和v
很菜很菜的人
·
2023-08-21 19:23
uni-app
前端
javascript
uniapp禁止页面上下滚动
bounce":"none"}第二个方法功能场景我目前是在用uniapp做一个H5程序,中间有一个排行榜的页面只展示前十名,但是里面的导航是自定义导航栏,会占据文档流的位置,所以背景图宽高固定为100vh100
vw
翠花517
·
2023-08-20 04:32
uni-app
前端
前端
uniapp
flutter-
移动端适配
不同屏幕之间的尺寸适配使用插件flutter_screenutilflutter_screenutilflutter屏幕适配方案,用于调整屏幕和字体大小的flutter插件,让你的UI在不同尺寸的屏幕上都能显示合理的布局!安装#addflutter_screenutilflutter_screenutil:^5.8.4@overrideWidgetbuild(BuildContextcontext
肥肥呀呀呀
·
2023-08-20 02:31
flutter经验
flutter
24.纯CSS实现瀑布流布局
1.CSS实现瀑布流布局(display:flex)本例使用CSSflex实现瀑布流布局关键点,横向flex布局嵌套多列纵向flex布局,使用了
vw
进行自适应缩放htmldiv.g-container-for
荼蘼toome
·
2023-08-19 14:19
CSS --
移动端适配
技术学习
CSS的常用单位在了解
移动端适配
前,我们需要了解css中常用的单位1、像素(px)绝对长度单位,相对于显示器屏幕分辨率而言的。
wincheshe
·
2023-08-19 13:34
前端
--
CSS
css
css3
html
选择器
,
vw
1
vw
=视口宽度的1%1vh=视口高度的1%vminvmax@media@mediascreen@mediaprint@mediascreenprint@mediaonlyscreenand(max-width
自you是敏感词
·
2023-08-19 07:37
React umi使用postcss将px转为
vw
来自适应
创建项目创建目录,初始化umimkdirreact-pxtovw&&cdreact-pxtovwyarncreateumi创建的时候选择app就足够了,然后也使用typescript安装依赖yarn二、使用
vw
Lia代码猪崽
·
2023-08-19 05:49
fiddler抓包查清apache的httpclient中文乱码问题
__biz=Mzg2NTAyNTc5NQ==&tempkey=MTA1Ml9CR1ZrdkN5andGalM4TzRnVnpmeXV5Y1Npd1dQS3dvdldPRE16
VW
5CT3Z3bXBuNjJSbmFYTndHbERNZncwUmpaY2pabU5fc2hZM1duRjBOTHJTb05BNEUtSXo2dVhpME1Ibi1
运维开发笔记
·
2023-08-19 05:01
详解web前端长度单位(px、em、rem、%、
vw
/vh、vmin/vmax、vm、calc())
而整体的长度单位分为两大类:绝对长度单位包括:in,cm,mm,q,pt,pc,px相对长度单位包括:em,rem,%,
vw
,vh,vmax,vmin,vm,ch,ex2)绝对长度绝对长度单位是一个固定的值
西晋的no1
·
2023-08-19 01:44
前端
react.js
javascript
Vue 大屏可视化 铺满全屏
之前写了一篇帖子Vue大屏可视化屏幕自适应,是针对在知道大屏尺寸的情况下,保证还原UI设计的显示比例,这样在非标准比例的屏幕上显示,会出现上下或左右留白,若想完全铺满全屏,使用
vw
/vh计算。
冰天物语
·
2023-08-19 00:08
vue
js
前端
屏幕自适应单位rem、
vw
转换(
移动端适配
)
1.使用rem的js代码解决适配问题事实上rem.js是把屏幕等分成10份,每份为1rem,1rem对应的大小就是rem基准值,rem.js做的就是把rem基准值给html的font-size,所以如果设备的物理像素宽为640px,那么1rem=640px/10=64px,html的font-size为16pxrem.js文件内容/*rem.js文件内容*/(function(){varhtml=
MoicA
·
2023-08-17 23:15
Naive Softmax&Negative Sampling
NaiveSoftmax&NegativeSampling1NaiveSoftmax引入两个向量:对于词汇表V\mathbf{V}V(vocabulary)中的每个单词w,当www是center单词的时候,使用ddd维向量
vw
扬州小栗旬
·
2023-08-17 17:07
NLP
CS224n
NLP
with
DL
刷新的样式 4个点
代码直接拿走钉钉刷新动画css实现.refresh{height:100vh;width:100
vw
;position:absolute;top:0;left:0;z-index:100;}.refresh.blueball
思念LY
·
2023-08-17 16:24
上一页
6
7
8
9
10
11
12
13
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他