03 2018 档案

解决移动端rem+百分比布局加载瞬间页面错乱的方法
摘要：1.JS加载顺序与加载方法 页面加载顺序通常是”从上往下”加载的，所以在内容区域，也就是body以及body包含的DOM还未被浏览器遍历之前，我们就应该将html的font-size计算好。我们应当把计算字体的js放在body之前，如下所示： 推荐——原生写法(优化加载，加快body的显示)： fu 阅读全文
posted @ 2018-03-30 18:26 金牛座的女孩 阅读(245) 评论(0) 推荐(0)
让文字显示两行多余文字不显示，用省略号代替
摘要：设置好显示框的宽、高、行高后再加上以下代码即可。 text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; 阅读全文
posted @ 2018-03-22 15:26 金牛座的女孩 阅读(501) 评论(0) 推荐(0)
ie中placeholder字体颜色兼容问题
摘要：一般用css伪类元素 input::-moz-placeholder{/* Mozilla Firefox 19+ */ color: red; opacity: 1;/*这里之前是没有的，发现问题后才加上去的，解决火狐字体不变的问题*/ } input:-moz-placeholder{ colo 阅读全文
posted @ 2018-03-15 16:42 金牛座的女孩 阅读(245) 评论(0) 推荐(0)
input的placeholderSafari中在Safari中失效
摘要：css部分写上[;line-height:1;] 例如：.input_sty{height:30px;line-height:30px;[;height:24px;line-height:24px;ine-height: 1;]} 阅读全文
posted @ 2018-03-15 16:37 金牛座的女孩 阅读(153) 评论(0) 推荐(0)
Safari浏览器对设定的高度不起作用，解决方案
摘要：1、在做浏览器兼容的时候，发现input标签在safari苹果浏览器中的高度永远都是默认的，这时候解决的办法是加上line-height属性就可以设置；2、解决办法： input{height:30px;line-height:30px;outline-offset:0;[;height:24px; 阅读全文
posted @ 2018-03-15 14:30 金牛座的女孩 阅读(814) 评论(0) 推荐(0)
CSS3 outline-offset 属性 项目中input会遇到
摘要：outline在一个声明中设置所有的轮廓属性。outline:颜色（outline-line）样式（outline-style）宽度（outline-width） outline-offset 属性对轮廓进行偏移，并在边框边缘进行绘制。 轮廓在两方面与边框不同： 轮廓不占用空间 轮廓可能是非矩形 阅读全文
posted @ 2018-03-15 14:18 金牛座的女孩 阅读(180) 评论(0) 推荐(0)
引入下载的字体
摘要：/*引入字体css*/@font-face { font-family: 'MyNewFont'; src: url('../fonts/MSYH.TTF'), url('../fonts/MSYHBD.TTF');}body,html { font-family: 'MyNewFont';} 阅读全文
posted @ 2018-03-14 17:31 金牛座的女孩 阅读(121) 评论(0) 推荐(0)
解决iOS音乐不自动播放的问题
摘要：//音乐播放 function audioAutoPlay() { play = function () { audio.play(); document.removeEventListener("touchstart", play, false); }; audio.play(); } audio 阅读全文
posted @ 2018-03-09 10:05 金牛座的女孩 阅读(438) 评论(0) 推荐(0)
解决list-style-type属性失效
摘要：有的时候我们在网页中对li标签设置了它的css属性，比如list-style-type:disc;然而我们的网页前端呈现结果中却看不到我们的效果，但是css又显示没错，我们该如何解决？其实造成这种现象的原因有两种可能，一种是li属性设置了list-style-position:outside;列表符 阅读全文
posted @ 2018-03-02 18:01 金牛座的女孩 阅读(1112) 评论(0) 推荐(0)