css
文章平均质量分 53
qq_42750608
前端
展开
-
scss解决2x,3x背景图片问题
scss解决2x,3x背景图片问题原创 2023-11-03 17:44:14 · 266 阅读 · 0 评论 -
移动端1px边框的问题
移动端1px边框的问题原创 2019-06-04 19:41:20 · 202 阅读 · 0 评论 -
webpack配置css-loader让scss文件支持模块化引入
webpack配置css-loader让scss文件支持模块化引入原创 2023-10-19 10:24:13 · 891 阅读 · 0 评论 -
rem自适应原理--如何自己利用stylus写rem自适应移动端
rem自适应原理--如何自己利用stylus写rem自适应移动端原创 2019-06-04 18:34:38 · 1793 阅读 · 1 评论 -
前端position: absolute是相对于谁定位的?
前端position: absolute是相对于谁定位的?答: 有position: absolute定位的元素都是找最近的父辈元素(有position:xxx定位的)进行相对偏移的原创 2023-10-06 15:41:48 · 178 阅读 · 0 评论 -
vue3在scss中使用JavaScript定义的变量
vue3在scss中使用JavaScript定义的变量原创 2023-09-22 20:17:23 · 1536 阅读 · 0 评论 -
css九宫格--calc()方法--超出数量可上下滑动
按照上面的逻辑,可以有多种方法做九宫格。原创 2019-02-21 17:15:54 · 761 阅读 · 1 评论 -
react使用filter的drop-shadow方法修改背景图片的颜色
<span style={{ overflow: 'hidden', display: 'block', width: 16 }}> <i style={{ display: 'block', ...原创 2022-01-21 18:44:46 · 895 阅读 · 0 评论 -
前端--flex布局在ie11浏览器中使用flex-direction: column后子元素flex:1不生效的问题
flex布局在ie浏览器中flex-direction: column元素后子元素flex:1不生效的问题flex: 1 是 flex-grow: 1;flex-shrink:1;flex-basis: 0%;的缩写而情况就是chrome浏览器正常显示,ie浏览器不行;但若是将chrome浏览器的改为 flex-grow: 1;flex-shrink:1;flex-basis: 0px;也出现和ie浏览器一样的情况解决方法:改成flex: 1 1 auto;就行了...原创 2021-03-19 17:07:05 · 3350 阅读 · 0 评论 -
sass/scss写移动端自适应样式,将px转化为rem
众所周知,UI设计师是根据ip6的手机尺寸画的设计图,所以一般html宽是375px,所以将html的font-size写为37.5px;html{ font-size: 37.5px;}然后在style标签(记得写lang="scss")中:@function px2rem($px) { $item: 37.5px; @return $px/$item+rem;}/...原创 2019-12-04 11:59:59 · 2178 阅读 · 1 评论 -
解决flex布局下ellipse没有省略号的问题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Co...原创 2019-12-02 11:51:13 · 386 阅读 · 1 评论 -
当图片和文字并排显示时垂直对齐方式: vertical-align: middle;
vertical-align是设置给需要对齐的那个元素本身的<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...原创 2019-11-21 17:52:27 · 341 阅读 · 0 评论