移动端1px
移动
2023-09-14 08:56:48 时间
meta charset="utf-8" /
meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /
title 像素为1px /title
style type="text/css"
.border {
position: relative;
margin-bottom: 20px;
.border:after {
content: ;
display: block;
position: absolute;
width: 100%;
left: 0px;
bottom: 0px;
height: 1px;
background-color: red;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
.border3 {
width: 100%;
height: 40px;
border: 1px solid red;
margin-bottom: 20px;
.border2 {
margin: 50px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(.5, transparent), color-stop(.5, #ccc), to(#ccc)) left bottom repeat-x;
background-size: 100% 1px;
/style
/head
body
div 像素为1px解决方法一 /div
div 像素为1px解决方法二 /div
div 像素为1px解决方法二 /div
/body
/html
相关文章
- 【移动适配】一个像素的border怎么实现
- Java实现 LeetCode 462 最少移动次数使数组元素相等 II
- 移动端视频播放
- 利用useragent判断移动设备
- 亲历H5移动端游戏微信支付接入及那些坑(四)——参考文档
- 移动端HTML5<video>视频播放优化实践
- 180行JavaScript代码实现的小球随机移动代码
- 关于vue利用postcss-pxtorem进行移动端适配的问题
- js 移动端上拉刷新(基于ng1)
- Visual Studio:优化了复制/移动省略
- Appium基础 — 移动端测试环境搭建(二)
- 江西鹰潭、江西移动与华为战略合作:共推物联网——物联网的世界要到来了
- 【树莓派编程】检测有没有物体移动 +人脸识别