问题描述 有些手机看到的1px线条比较粗 原因分析 大部分手机设备像素比DPR是1，所以CSS的1px显示出的物理像素为1px 也有采用Retina屏幕的手机，设备像素比DPR是2或3。所以CSS里的1px映射到物理像素上时，会变成2px或3px 解决方案 less版 // ** 1px线条 .bo ...
分类：
移动开发 时间：
2021-03-30 13:49:52
阅读次数：
0
当我们给一个元素（display为inline-block）的vertical-align设置为middle，我们会发现这个元素并没有垂直对齐。并且发现这个元素的高度的中心点，会在所有兄弟元素中高度最高的元素的底部靠上一点。 如下所示 解决方法： 给当前和它的兄弟元素都添加vertical-alig ...
分类：
Web程序 时间：
2020-07-20 10:46:12
阅读次数：
104
html: <div class="consult-tab"> <a href="">咨询</a> <a href="">企业咨询</a> <a href="">咨询</a> <a href="">咨询</a> <a href="">咨询</a></div> css: .consult-tab { ...
分类：
Web程序 时间：
2020-06-14 20:42:55
阅读次数：
78
引入下面这段css @charset "utf-8"; .border, .border-top, .border-right, .border-bottom, .border-left, .border-topbottom, .border-rightleft, .border-topleft, ...
分类：
移动开发 时间：
2020-05-29 14:02:36
阅读次数：
73
CSS 解决img底部空白间隙 参考链接：https://www.jianshu.com/p/e7373c2bbef1 前言 img一直以来有一个很大的问题就是底部空白间隙，一直以为是img默认样式造成的，后来查了相关的资料，才弄清楚为什么会产生这样的结果。 首先仔细看下图中的边框与img的间隙。 ...
分类：
Web程序 时间：
2020-05-23 20:45:38
阅读次数：
140
最近写React一直在纠结样式的问题，今天找了篇看起来很不错的文章，认真读三遍先... 原文链接：https://juejin.im/post/5b39e63ae51d4562aa017c81 React拾遗：从10种现在流行的 CSS 解决方案谈谈我的最爱 （上） Strong opinions ...
分类：
Web程序 时间：
2020-05-12 09:35:10
阅读次数：
60
最近写React一直在纠结样式的问题，今天找了篇看起来很不错的文章，认真读三遍先... 原文链接：https://juejin.im/post/5b39e63ae51d4562aa017c81 React拾遗：从10种现在流行的 CSS 解决方案谈谈我的最爱 （中） "上篇" 介绍了 React 现 ...
分类：
Web程序 时间：
2020-05-12 09:23:23
阅读次数：
62
最近写React一直在纠结样式的问题，今天找了篇看起来很不错的文章，认真读三遍先... 原文链接：https://juejin.im/post/5b3dd2d25188251b193d2d7e React拾遗：从10种现在流行的 CSS 解决方案谈谈我的最爱 （下） If you are not p ...
分类：
Web程序 时间：
2020-05-12 09:14:59
阅读次数：
74
问题： 解决： 对第一个和第二个盒子都添加margin-left:-mpx;(m表示边框的大小)，这样两个边框就重叠在了一起，就不会看起来有加粗的效果了。 疑问： 第一个盒子向左移动mpx，第二个盒子也向左移动mpx，两个盒子的相对位置并没有改变。 说明： 浏览器在渲染的时候，先对盒子1进行执行，完 ...
分类：
Web程序 时间：
2020-04-19 11:02:00
阅读次数：
136
viewpoint css3提供了一些与当前viewpoint相关的元素，vw，vh，vim等。 “viewpoint” = window size vw = 1% of viewport width 1vh = 1% of viewport height 1vmin = 1vw or 1vh, 最 ...
分类：
Web程序 时间：
2020-03-05 13:17:54
阅读次数：
84
