π • css
-
解决Chrome浏览器图片缩放模糊的三种方法
现在移动互联网的时候了，用手机浏览网页，就会发现PC端正常效果的图片却显得模糊。于是需要把图片原始尺寸做大一些，再等比例缩小嵌入网页，这样手机端看图片就会很清晰。但是发现，有一个很奇怪的现象，在chrom浏览器中，缩小尺寸的图片显示失真、不清晰。
-
纯css实现tooltip提示框
实现原理通过伪类before,after（绝对定位）指示箭头和内容。 再根据left,top,transform改变位置或角度来组成恰当的tooltip。通过attr的值来设置tooltip内容.
-
CSS中媒体查询与设备尺寸参考
话不多说，直接上代码吧，1、判断横竖屏，2、判断设备宽高，3、判断设备像素比，4、设备尺寸设置示例
-
移动端禁止图片长按img标签查看图片
有时候手机浏览器默认点击图片竟然可以查看当前网页的图片，这样的用户体验很不好，后来发现一个css即可解决问题
-
CSS文字超出部分显示省略号
当制作html网页时，有一些标题或者段落太长，显得太难看，我们可以通过CSS来控制一下文本显示
