swiper插件修改按钮的默认样式

直接上代码.swiper-button-prev{ width: 40px; font-size: 30px; color: rgba(0, 0, 0, 0);

查看全文

细细品味 移动web

移动web与PCweb的不同1.屏幕大小不同2.分辨率不同3.移动web网页的适配//禁止自动识别电话号码和邮箱 meta content="telephone=no,email=no" name="format-detection">//shrink-to-fit兼容ios9//viewport-

查看全文

动态修改fontsize

!(function(doc, win) {var docEl = doc.documentElement,resizeEvt = 'onorientationchange' in window ? 'onorientationchange' : 'resize',recalc = function

查看全文

rem/em/%

最近在弄移动端布局 太急于求成了,在开发的时候写的焦头烂额一.相对值 ：% em rem1.%相当于父元素自身大小进行控制2.em相对于当前容器的字体进行变化.比如当前容器的字体大小为20px，1em=20px3.rem相对于root(html)的字体大小进行变化.当前根元素的字体大小为20px，

查看全文

移动端适配

响应式布局利用媒体查询,可以针对不同的媒体类型定义不同的样式,从而实现响应式布局meta标签加了CSS3 box-sizing:border-box 之后不会撑开盒子 包含了border

查看全文

Flex布局 移动端 非常重要的一种布局

任何一种容器都可以指定为Flex布局行内元素也可以使用Flex布局display:inline-flex;设为Flex布局之后 子元素的 Float clear vertical-align属性将生效;flex-direction 属性决定主轴的方向（即项目的排列方向）.默认是 flex-direc

查看全文

Vs-code使用Scss

解决一https://blog.csdn.net/yang450712123/artic解决二也是我遇到的我用Vue-cli安装SCSS支持npm install node-sass --save-dev可能会报个开发宿主失败我的erro是4058是Gitle/details/88869253系统设

查看全文

Scss String内置模块

@use "sass:string";$str:hello; //加引号img{ background-color: string.quote($str);}@use "sass:string"; $str:"15px"; //去引号img{ background-color:

查看全文

Scss:Selector内置模块

@use "sass:selector";//追加$a:selector.append("a",".dis");#{$a}{background-color: red;}@use "sass:selector";//组合选择器$a:selector.nest("ul","li","a");#{$a}

查看全文

Scss:Map内置模块

一.get方法@use "sass:map";$app:("user1":"zs","user2":"ls","user3":"nik");@debug map.get($app,"user1");index.scss:5 DEBUG: zs二.hai-key@use "sass:map";$app

查看全文