
css
470368525
这个作者很懒,什么都没留下…
展开
-
CSS3响应式布局--Media(媒体查询)
1.首先要了解一下什么是媒体查询 媒体查询可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式,媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。媒体查询中可用于检测的媒体特性有 width 、 height 和 color (等)。使用媒体查询,可以在不改变页面内容的情况下,为特定的一些输出设备定制显示效果。 2.如何在css中引入媒体查询...原创 2019-09-17 10:13:56 · 317 阅读 · 0 评论 -
出现两列省略号。。。显示,文本溢出超出行数 默认2行
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=100%, initial-scale=1.0, user-scalable=no"/> <meta content="telephone=no" na...原创 2019-09-26 17:33:27 · 227 阅读 · 0 评论 -
微信浏览器移动端禁止图片放大图片效果
解决第三方网页在微信浏览器中点击图片自动放大,因为微信Android客户端已经在底层支持img标签自动放大功能; 传统方式: $(document).on(‘click’, ‘img’, e => { e.preventDefault(); }) 这个方式可能会把所有的默认的属性都屏蔽了,典型的就是a标签不能跳转 css方式: img{ pointer-events: none; } 这个会...原创 2019-09-26 17:35:10 · 1224 阅读 · 0 评论 -
纯CSS写三角形-border法
(1)有边框的三角形 我们来写下带边框的三角形。 如果是一个正方形,我们写边时,会用到border,但我们这里讨论的三角形本身就是border,不可能再给border添加border属性,所以我们需要用到其他办法。 最容易想到的,是叠加层。思路是将两个三角形叠加在一起,外层三角形稍大一些,颜色设置成边框所需的颜色;内层三角形绝对定位在里面。整体就能形成带边框三角形的假象。 这里就涉及到一个绝对定...原创 2019-10-08 08:51:28 · 133 阅读 · 0 评论