移动端的适配
FQIP
这个作者很懒,什么都没留下…
展开
-
常用的JS函数
1、滚动到页面的底部scrollTopBottom = (vm) => { let scrollHeight = Number(document.documentElement.scrollHeight || document.body.scrollHeight); vm.$nextTick(()=>{ window.scrollTo(0, scr...原创 2019-11-06 11:58:07 · 114 阅读 · 0 评论 -
常用的css选择器归纳
推荐一篇不错的文章:CSS中的五大选择器div[title^="intro"] {...} // title以intro开头的div元素div[title$="intro"] {...} // title以intro结尾的div元素div[title*="intro"] {...} // title中包含"intro"子串的div元素...原创 2019-11-06 11:18:15 · 103 阅读 · 0 评论 -
常用的一些css样式
1、向右箭头 &:after{ content: " "; display: inline-block; height: 6px; width: 6px; border-width: 2px 2px 0 0; border-c...原创 2019-11-05 15:55:04 · 114 阅读 · 0 评论 -
flex使用中遇到的问题
1、解决内容超出屏幕宽度,如下,如果内容长度超出屏幕,text-overflow: ellipsis不会生效,内容溢出屏幕<div class="a"> <div class="b">内容...</div> <div class="c">按钮</div></div><style> .a{...原创 2019-11-05 15:52:04 · 299 阅读 · 0 评论 -
在less的calc计算中,含有rem单位的运算问题
在less中如果使用calc计算含有rem式子,会存在将rem转成百分比计算的问题,如width: calc(100% - 4rem) // 结果会变成width: 96%。解决方法:width: calc(~'100% - 4rem') // 式子用引号括起来 再加上转义符号~...原创 2019-11-04 19:09:36 · 1806 阅读 · 1 评论 -
移动端rem的动态配置(vue框架下的配置)
动态配置rem,可以使不同屏幕尺寸下的图片、文字等尺寸按比例缩小或放大,相比媒体查询的方式,更加灵活便捷。步骤一:新建一个js文件(路径无要求),用于编写动态配置rem的函数步骤二:首先对//该代码本质是对类似window.addEventListener("orientationchange",function(){ alert("the orientation...原创 2019-05-20 21:43:24 · 639 阅读 · 3 评论