muzidanwu的博客

前端项目兼容系列1. rem单位不兼容ie8及以下。解决方法：如果想兼容可以引用rem.js文件。（将其引用在页脚，当css与dom加载完毕后再加载。）（bower install REM-unit-polyfill）2. 用到了ES语法解决办法：下载地址 下载地址2<script src="https://cdn.bootcdn.net/ajax/libs/babel-polyfill/7.6.0/polyfill.min.js"></script><script

确认项目兼容哪些浏览器，是否兼容ie确认是否是PC+手机站确认是否需要推广，SEO判断是用html还是vue判断项目用什么框架最近做项目遇到个问题，做了一半，要求兼容ie8。纳尼，都是用的flex布局，需要重新用float写。特此记录一下，以免以后再给自己挖坑。...

移动端有些浏览器，部分图片不显示。在UC浏览器、夸克、小米原生浏览器，遇到同一页面，有的图片能显示，有的图片不显示。查阅资料之后原来是这些浏览器开启了广告拦截，将它认为是广告的内容屏蔽掉了。class名称被屏蔽：top_box、ad...

vue内置组件transition元素出现和消失都呈现动画<!-- 将要使用动画的内容放在transition里即可 --><transition name="fade"> <div v-show="show"></div></transition>.fade-enter-active,.fade-leave-active { transition: opacity .5s}.fade-enter,.fade-leave.

原文链接: 滚动穿透的6种解决方案.在移动端中，如果我们使用了一个固定定位的遮罩层，且其下方的dom结构的宽度|高度超出屏幕的宽度|高度，那么即使遮罩层弹出后铺满了整个屏幕，其下方的dom结构依然可以滚动，这就是大家所说的“滚动穿透”。而且经常是你在pc模拟器上没有问题，但是真机打开就一定会出现。这个经典八阿哥也是面试时经常会被追问的问题。相信能看到这篇文章的你，已经是遇到了这个问题。我就不gif展示问题效果了。接下来我网罗了网络，整理了别人说的方案和我自己的方案，一共实现了六种方法，并经过了自己手

最近做一个webapp的项目，真机调试时遇到了个overflow:scroll的坑，各种百度跳坑之后解决了，特此记录一下，以便查看。pc端使用overflow:scroll可以实现超出视觉范围滚动，但是在webview模式下，这个属性会使页面滑动很卡，有的可能是数据过多，无法滚动，加上-webkit-overflow-scrolling: touch;也没有解决。然后更改了flex布局，使用了uniapp中的标签。另外加上一个子元素与父元素等高的css，终于解决了。其他端或者不用uniapp的朋友可参

阴影box-shadow:2px 3px 12px 1px rgba(204, 68, 56, 0.7);-webkit-box-shadow:2px 3px 12px 1px rgba(204, 68, 56, 0.7);渐变背景色background:-webkit-linear-gradient(top,rgb(255,91,65),rgb(255,61,47),rgb(255, 32, 29));

哈哈哈，这个问题好尴尬，遇到了几次还是没记性，这里特意记录一下。看看font-family属性是不是对应的值，是不是与公共的值起冲突了。

没有定义 border-style属性border:1px solid #000；中solid为border-style属性，当定义了它之后，border-width与border-color才能生效。

html{ font-size: 625%; margin: 0 auto;}body{ color: #333; /*background-color: #f9f9f9;*/ font-size: 0.14rem;}*{ margin: 0;padding: 0; font-family: 微软雅黑; box-sizing: border-box;}a:hover{ cursor: pointer; text-decoration: none;}li{ list-s

.imgview{ width: 100vw; height: 100vh; background-image: url(http://i2.tiimg.com/721144/e7f80e2fe982794a.png); background-repeat: no-repeat; background-size:cover; background-position:center;}这段代码是将图片作为背景图片。实现居中全屏的效果。...