vw移动端适配

元素溢出隐藏滚动

flex+overflow//css.class-column{display:flex;overflow-x:scroll;}.class-columna{flex:none;width:50vw;height
visitor009·2023-07-16 18:55

element ui 相关 -------星星评分

#6BAE80','#6BAE80']更改对应评分文字内容html:js:texts:['糟糕','差','一般','好','超赞']更改星星图标大小.el-rate__icon{font-size:8vw
zyue_1217·2023-07-16 06:00

分享一个创意滚筒按钮

hsl(var(--hue),10%,90%);--fg:hsl(var(--hue),10%,10%);--trans-dur:0.4s;font-size:calc(40px+(60-40)*(100vw
timi先生·2023-07-16 02:06

移动端适配解决方案

移动端适配解决方案remrem基本知识如何根据不同设备的屏幕、分辨率，设置不同的HTML标签字号？设备不同，HTML标签字号设置多少合适？如何将设计稿中的px转化成rem单位？
山原旷其盈视·2023-07-16 01:21

pc端 如何使用vw实现自适应 vue sass 自定义函数

pc端网页px足够适应，都是一些form提交，增删改查的东西，不太需要做到移动端的自适应，但不排除会有pc端的首页会有一些花里胡哨的图片，这个时候如果屏幕分辨率差距很大，会造成样式不匹配，所以写一个利用vw
鸡汤辉·2023-07-15 10:21

移动端适配详解 , 给你解决适配烦恼

试想一下，如果我们只能开发web端，那么移动端的网友由谁来做！那也太悲惨了所以，这里说的就是如何开发页面到移动端，适配各个手机型号，让页面在手机上跑起来～目录理解些许概念1.开发的种类2.两个模糊的概念3.认识视口布局视口:视觉视口:理想视口:适配方案一：百分比设置(不推荐)适配方案二：rem+动态html的font-size问题一的解决方式:1-媒体查询2-JS动态计算3-使用lib-flexi
玄鱼殇·2023-07-15 05:46

px、rem、em、vh/vw、calc()的运算规则 的区别

font-sizeem是相对当前元素的font-size,如果当前元素没有往上找，知道找到body的font-size左后至默认的font-sizevh/vwvw就是根据窗口的宽度，分成100等份，100vw
码农小嘉·2023-07-14 20:28

使用 CSS 怎么实现宽高自适应的正方形？

宽高自适应的正方形方式一：使用rem方式二：使用vw方式三：使用百分比+padding方式四：css属性aspect-ratio方式一：使用remDocumentbody{font-size:16px;
米奇妙妙wuu·2023-07-14 20:58

史上最全高质量css+html面试题

3.CSS选择器有哪些，优先级怎么样4.简述src和href的区别5.什么是cssHack6.什么叫优雅降级和渐进增强7.vw/vh、em、rem、px的区别？8.HTML5为什么只写`
米奇妙妙wuu·2023-07-14 20:43

分享一个放烟花的特效

inset:0;background:radial-gradient(circleat50%90%,#898916,#28297233%,#000000);}.stars{box-shadow:21.2vw39.2vh
timi先生·2023-07-14 08:51

vue3 + vite 在线预览docx, pdf, pptx（内外网）并实现移动端适配

一、内网1.docx使用docx-preview安装插件npmidocx-preview-S引入依赖//docximport{renderAsync}from"docx-preview";letdocx=import.meta.glob("docx-preview");//vite不支持require//js部分detailItem.value为当前文件的数据对象constpreviewfile=
查查茶茶丸·2023-07-14 08:51

关于postcss-px-to-viewport引入vux，组件中px被转化为vw解决方案

首先要找到问题的原因：仔细查阅了vux文档，vux的样式是直接引用的weui样式我down下来weui源码，以switch组件为例：图片.png在浏览器中展示的字体则是：图片.png那么在项目中px单位就被转化成了vw
前端小学生_f675·2023-07-14 03:19

2019-04-10移动端使用rem适配及相关问题

移动端使用rem适配及相关问题移动端适配方案，说多也很多。可以使用百分比布局，但百分比与em都是基于父元素进行计算的，在实际应用中不是很方便。使用rem不仅可以设置字体大小，块大小也可以设置。
无欲而为·2023-07-13 21:27

微信原生封装一个简易的加载效果

loading_v1/loading.wxss*/.loading-container{position:fixed;top:0;left:0;z-index:111111111111111;width:100vw
搜捕鸟了·2023-07-13 19:22

好看的登录界面（2）

body{background-color:#000000;min-height:98vh;perspective:1500px;}div#bgDIV{width:100vw;height:98vh;position
白夜的月亮·2023-07-13 15:41

基于react/vue移动端适配之px自动转rem、vw

作为一名前端开发，在做移动端适配时rem、vw是我们经常用到的单位，但是我们在实际开发过程中需要将设计稿上的px转换成rem，如果手动去计算，将是一个很耗时、费力的过程。
forever_提拉米苏·2023-06-23 08:37

CSS弹性布局常用设置

目录一、单位元素二、弹性容器三、常用属性三、项目实战效果一、单位元素vm1vm为视口的1%vh视口高的1%vmin参照长边vmax参照长边rem等比缩放需要设置最外层盒子html设置vw根字号html的
不爱小白的小孩·2023-06-23 08:54

html_css模拟端午赛龙舟运动

样式布局风格：卡通首先采用一张包括水元素的照片作为背景annimation*{margin:0;padding:0;}body{width:100vw;height:100vh;background:url
yma16·2023-06-23 03:17

Linux的基础操作

注意：本次演示环境是在VW虚拟机下的Centos7操作系统。1.操作系统的体系结构（简易版本）用户->操作系统->各种硬件对应的驱动程序->硬件。这只是为了增强一些您对操作系统的认知，
limou3434·2023-06-22 17:34

OPEN AI 全新版本在线免费体验2.0.0支持最新对话模型，和16K上下文

之前在线体验接入体验案例不完善，一直没有完善，现在换了全新的聊天UI,移动端适配完善的对话体验可以自定义对话聊天会话支持最新模型，多模型切换完美支持代码，markdown，等格式上下文保存，聊天记录下载
·2023-06-22 14:22

rem 和 em 的区别

即相对于标签的font-size实现的，浏览器默认字号是font-size:16pxem:是相对于父元素标签的字号，和百分比%类似，%也是相对于父级的，只不过是%相对于父级宽度的，而em相对于父级字号的vw
前端小芬芬·2023-06-21 17:55

一周 8k Star 的 Notion 开源替代品 AppFlowy 诞生！

这主要是源于Notion的一些局限包括：数据安全、移动端适配等等原因。即使Notion是AppFlowy团队最喜欢的项目以及知识管理工具，但是在一些企业的场景中，数据安全以及数
·2023-06-21 12:39

css实现自适应正方形

1、vm单位.square-shape{width:50%;height:50vw;border:1pxsolid#f00;}2、padding-top实现.square-shape{width:50%
meng_281e·2023-06-20 18:49

数据大屏适配方案 （scale）

目录适配方案分析vwvh什么是vw和vhvw和百分比的区别是什么？
前端 贾公子·2023-06-20 17:16

前面基础知识（查缺补漏）css篇

知识点css篇自适应单位百分比：%相对于视口宽度单位：vw相对于视口高度单位：vh相对于视口宽度或高度单位：vm(取决于哪个小)相对于父元素字体单位大小：em相对于根元素字体单元大小：rem选择器比重内联样式
没入门到放弃·2023-06-20 14:42

【Qt常用关键字知识拓展】

数据类型二、Qt函数类型三、Qt枚举类型四、Qt运算符重载函数类型一、Qt数据类型【1】constautogroups={“ABC”,“DEF”,“GHI”,“JKL”,“MNO”,“PQR”,“STU”,“VW
「QT(C++)开发工程师」·2023-06-20 13:17

移动端怎么适配顶部跟底部的安全区域

移动端适配顶部底部的安全区域，是为了保证页面在IOS和Android系统下的显示效果和用户体验。
Leo_Mr·2023-06-20 11:48

CSS面试常问知识点

FFC块级格式化上下文（BFC）：内联格式化上下文（IFC）：网格格式化上下文（GFC）：自适应格式化上下文（FFC）：六.重绘与重排如何触发重排和重绘如何尽量减少重排和重绘的次数重绘与重排的区别七.vw
Program W·2023-06-20 10:26

前端启动本地服务的四种方法，看完不会你锤我

前边几篇文章介绍本地缓存，还有WebSocket等好多需要在服务内才能运行，上一篇介绍移动端适配，更是需要在手机端访问页面，此时就不得不介绍下如何在本地启动服务，及手机如何访问？
前端人·2023-06-20 02:39

vue-cli3实现屏幕自适应（两步搞定）

项目演示代码exportdefault{name:'test',components:{}}*{margin:0;padding:0;}.big{width:100vw;height:100vh;background
皮皮虾不皮呀·2023-06-19 16:19

前端必备知识点 混淆 刷题 查漏补缺【持续更新中】

目录1.vue双向数据绑定（响应式）原理2.HTML语义化（语义化标签）3.标签上title与alt属性4.CSS单位：1px、1em、1rem、1vh/1vw的含义5.网页前端性能优化的方式6.HTTP
成茂峰·2023-06-19 07:41

css基础知识三：说说em/px/rem/vh/vw的区别?

一、介绍传统的项目开发中，我们只会用到px、%、em这几个单位，它可以适用于大部分的项目开发，且拥有比较良好的兼容性从CSS3开始，浏览器对计量单位的支持又提升到了另外一个境界，新增了rem、vh、vw
小爱同学-Allen·2023-06-19 04:25

移动端适配的几种方案

移动端适配的几种方案viewport即视窗、视口，用于显示网页部分的区域，在PC端视口即是浏览器窗口区域，在移动端，为了让页面展示更多的内容，视窗的宽度默认不为设备的宽度，在移动端视窗有三个概念：布局视窗
xiaoLiang o·2023-06-18 19:32

渐变背景及边框实现

CSS.warning{height:2rem;line-height:1.8rem;font-size:calc(100vw*13/1920);padding-left:.5rem;margin-bottom
代码搬运媛·2023-06-17 20:43

移动端小于12px的字体处理方法

遇到了下图的情况由于浏览器对字体最小为12px的限制，所以我查阅资料后尝试使用transform:scale来处理代码如下：学习专家.doctor{position:absolute;right:(33/@vw
真的想不出名儿·2023-06-17 19:47

CSS查缺补漏之常用长度单位(px、em、rem、%、vw/vh、vmin/vmax)

此文内容较少，轻轻松松掌握，莫要有压力~正如现实生活中长度具有mm、dm、cm、m等，在css中，也具备多种长度单位，本文对常用的几种单位进行详细举例介绍~px：像素单位初学css时，px单位经常被使用，此处按下不表~em：表示相对于当前元素或父元素的font-size的倍数从前从前，有个人爱你很久div{background-color:#ff8800c8;/*由于自身元素无设置font-siz
迷糊的小小淘·2023-06-16 21:51

css移动端

目录谷歌模拟器屏幕分辨率视口二倍图适配方案rem简介问题媒体查询移动端设备宽度不同，HTML标签字号设置多少合适flexible.jsrem-移动端适配less注释运算嵌套变量导入导出禁止导出谷歌模拟器模拟移动设备
真的想不出名儿·2023-06-16 19:53

postcss插件使用和适配方案

原理是将固定的像素单位(px)转换为根据视窗大小缩放的单位(vw|vh)，该插件实现的就是这一单位间的转化。
沐沐茶壶·2023-06-15 15:50

前端html实现在线预览word、excel、pdf等文件的功能

使用方法如下：预览前缀+word文件地址预览前缀(地址是固定的)：http://vw.usdoc.cn/?src=Word文件地址(你要预览的word文件地址):h
·2023-06-14 21:16

php怎么在线预览word文件？php预览.doc、.docx、.wps文件

PHP在线预览查看word文件文档PHP要实现在线Word预览只需要3步第一步：准备一个文件地址，如下：http://usdoc.cn/vw/文件模板.docx第二步预览前置地址：http://vw.usdoc.cn
·2023-06-14 21:14

Vue中如何进行移动端适配与响应式布局？

Vue中如何进行移动端适配与响应式布局？如今，移动端适配与响应式布局已经成为Web开发中不可或缺的一部分。
it_xushixiong·2023-06-14 09:05

php怎么在线预览word文件？php预览.doc、.docx、.wps文件

PHP在线预览查看word文件文档PHP要实现在线Word预览只需要3步第一步：准备一个文件地址，如下：http://usdoc.cn/vw/文件模板.docx第二步预览前置地址：http://vw.usdoc.cn
usdoc文档预览_公文助手·2023-06-14 09:05

Office在线预览，PPT在线预览，word在线预览，Excel在线预览，PDF在线预览

将文件地址（文件url）拼接在：http://vw.usdoc.cn/?src=文件地址url例如：http://vw.usdoc.cn/?src=https://zh.usdoc.
usdoc文档预览·2023-06-13 19:07

前端实现Office在线预览 (一)

第一步，获取准备预览地址此处使用的usdoc的在线预览模式，使用方法以及开发文档可以参考http://usdoc.cn/show前置预览地址：http://vw.usdoc.cn?
usdoc文档预览·2023-06-13 19:07

Office在线预览，PPT在线预览，word在线预览，Excel在线预览，PDF在线预览

将文件地址（文件url）拼接在：http://vw.usdoc.cn/?src=文件地址url例如：http://vw.usdoc.cn/?src=https://zh.usdoc.
usdoc文档预览·2023-06-13 19:07

php怎么在线预览word文件？php预览.doc、.docx、.wps文件

php预览WordPHP要实现在线Word预览只需要3步第一步：准备一个文件地址，如下：http://usdoc.cn/vw/文件模板.docx第二步预览前置地址：http://vw.usdoc.cn/
usdoc文档预览·2023-06-13 19:05

盒子里的文字超出换行展示、或者不换行省略号

//超出部分不换行、省略号，鼠标悬浮展示全部需要在对应盒子上添加title="XXX".overFont{max-width:10vw;white-space:nowrap;overflow:hidden
不爱吃饭爱吃菜·2023-06-12 19:32

小程序之scroll-view用法

小程序之scroll-view用法水平滚动123.box{width:100vw;hight:200rpx;/*white-space不能丢*/white-space:nowrap;border:1pxsolidred
兔子___·2023-06-12 19:53

2019前端面试题--这样准备，拿不到offer算我输！

animation和transiton的相关属性animate和translate11、display哪些取值12、相邻的两个inline-block节点为什么会出现间隔，该如何解决13、metaviewport移动端适配
编程鸭·2023-06-11 18:00

如何解决safari浏览器100vh有滚动条问题

但宽高分别设置为100vw和100vh后，发现safari浏览器纵向产生了滚动条，原因是safari和其它浏览器处理不同。
前端开发_Eric·2023-06-11 15:06
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他