- 博客(8)
- 收藏
- 关注
RSS订阅原创 网页图片缩放的深入剖析
图片缩放问题困扰我许久了，贼鸡儿烦，今天彻底解决这个东西。一、浏览器图片缩放默认表现行为行为在想出解决方案之前，首先要弄清楚浏览器对于图片尺寸是怎么处理的，稍安勿躁，一步一步来分析下。 一个图片可以改变成任意尺寸，容器是80%：<div> <img src="https://dummyimage.com/600x400/000/fff" alt="Norway"></div>不加任何属性：i
2017-06-02 11:41:47
637
转载 转载：[译] 内容加速黑科技趣谈
原文作者:@Jake Archibald 原文地址:https://jakearchibald.com/2016/fun-hacks-faster-content/ 中文翻译:文蔺 译文地址:http://www.wemlion.com/2017/fun-hacks-faster-content/ 蒙原作者惠允翻译发布，转载请保留此声明。 著作权属于原作者，本译文仅用于学习、研究和交流目的
2017-05-04 08:41:01
345
原创 css常用字体速查
苹方苹方简体font-family: PingFangSC-Regular, sans-serif;font-family: PingFangSC-Ultralight, sans-serif;font-family: PingFangSC-Light, sans-serif;font-family: PingFangSC-Thin, sans-serif;font-family: Pin
2017-05-03 14:35:34
698
原创 a标签中使用img后的高度多了几个像素
a元素下有一个匿名文本，这个文本外有一个匿名行级盒子，它有的默认vertical-align是baseline的，而且往往因为上文line-height的影响，使它有个line-height，从而使其有了高度，因为baseline对齐的原因，这个匿名盒子就会下沉，往下撑开一些距离，所以把a撑高了。解决办法一是消除掉匿名盒子的高度，也就是给a设置line-height:0或font-size:0;解决
2017-03-09 09:33:51
435
原创 css居中
1.单行内垂直居中 height=line-height优点：适合在所有浏览器，没有足够空间时，内容不会被切掉缺点：仅适合应用在文本和图片上，并且这种方法，当你文本不是单行时，效果极差，差到让你感到恶心。这种方法对运用在小元素上是非常有用的，比如说让一个button、图片或者单行文本字段。
2017-03-09 09:08:00
285
原创 移动端webapp自适应布局
0.一些基础请看这篇：HcySunYang的blog：一篇真正教会你开发移动端页面的文章(二) width=device-width 这段代码是让布局视口的尺寸等于理想视口。 设备像素比（DPR） = 设备像素个数 / 理想视口像素个数（device-width）1.常规情况下js根据屏幕宽度动态计算!(function(doc, win) { var docEle = doc.doc
2017-03-08 10:16:43
3908
原创 rem的使用及踩过的坑
1.rem是蛤子？rem是css的一个单位。这个单位代表相对于根元素的 font-size 大小（例如 font-size <html> 元素）。当用在根元素的font-size上面时 ，它代表了它的初始值(译者注:默认的初始值是html的默认的font-size大小,比如当未在根元素上面设置font-size大小的时候,此时的1rem==1em,当设置font-size=2rem的时候,就使得页面
2017-03-08 09:46:08
1665
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人