π • css

  • 解决Chrome浏览器图片缩放模糊的三种方法

    现在移动互联网的时候了,用手机浏览网页,就会发现PC端正常效果的图片却显得模糊。于是需要把图片原始尺寸做大一些,再等比例缩小嵌入网页,这样手机端看图片就会很清晰。但是发现,有一个很奇怪的现象,在chrom浏览器中,缩小尺寸的图片显示失真、不清晰。

    2023年07月13日 1945
  • 纯css实现tooltip提示框

    实现原理通过伪类before,after(绝对定位)指示箭头和内容。 再根据left,top,transform改变位置或角度来组成恰当的tooltip。通过attr的值来设置tooltip内容.

    2023年06月01日 564
  • CSS中媒体查询与设备尺寸参考

    话不多说,直接上代码吧,1、判断横竖屏,2、判断设备宽高,3、判断设备像素比,4、设备尺寸设置示例

    2023年03月02日 790
  • 移动端禁止图片长按img标签查看图片

    有时候手机浏览器默认点击图片竟然可以查看当前网页的图片,这样的用户体验很不好,后来发现一个css即可解决问题

    2020年03月23日 1115
  • CSS文字超出部分显示省略号

    当制作html网页时,有一些标题或者段落太长,显得太难看,我们可以通过CSS来控制一下文本显示

    2020年03月19日 1113