CSS中画一条0.5px的线

  • 采用transform: scale()的方式该方法用来定义元素的2D 缩放转换:
css 复制代码
transform: scale(0.5,0.5);
  • 采用meta viewport的方式
javascript 复制代码
<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5"/>

这样就能缩放到原来的0.5倍,如果是1px那么就会变成0.5px。viewport只针对于移动端,只在移动端上才能看到效果

相关推荐
敲敲了个代码2 分钟前
11月3-5年Web前端开发面试需要达到的强度
前端·vue.js·学习·react.js·面试·职场和发展·web
曼巴UE512 分钟前
UE5 C++ JSON 最简单,麻烦的方式,直接读存(一)
java·服务器·前端
半桶水专家15 分钟前
Vue Pinia 插件详解
前端·javascript·vue.js
吃饺子不吃馅18 分钟前
面试官:JWT、Cookie、Session、Token有什么区别?
前端·设计模式·面试
IT_陈寒35 分钟前
React 19新特性实战:5个提升开发效率的技巧与避坑指南
前端·人工智能·后端
青衫码上行1 小时前
【Java Web学习 | 第十篇】JavaScript(4) 对象
java·开发语言·前端·javascript·学习
CodeLongBear1 小时前
第一次搭建个人主页+GitHub部署全记录:HTML/CSS/JS前端实现+留言板踩坑
前端·个人页面·部署上线
by__csdn1 小时前
Node各版本的区别,如何选择版本以及与NPM版本对照关系
前端·npm·node.js
q***42821 小时前
前端的dist包放到后端springboot项目下一起打包
前端·spring boot·后端
Dontla2 小时前
React zustand todos案例(带本地存储localStorage、persist)todoStore.ts
前端·react.js·前端框架