html5
qq_2422941992
qq_2422941992
展开
-
css3设置图片自适应缩放
object-fit:cover; <div class="theImg"> <img src="../assets/img/img1.jpg"> </div> <style> .theImg{ width: 200px; height: 200px; } .theImg>img{ width: 100%; height: 100%; object-fit:cover; } </style...原创 2020-12-31 11:14:10 · 612 阅读 · 1 评论 -
css设置图片根据最大边自适应
<div class="img_box"> <img src="1.jpg" alt="" class="img_newItem"> </div> 父级设置宽高和flex布局,子级图片设置最大宽高(max-width\max-height)为100%,宽高(width\height)为auto; .img_box{ width:100%; height:100%; display: flex; justify-content.原创 2020-10-08 20:26:41 · 964 阅读 · 0 评论 -
vue配置请求代理的时候需要避免命名前部分字母相同
1、proxy设置代理,其地址匹配是根据正则匹配,可以看到文中开始设置了如下三个代理,且顺序如下: "/api" "/apipc" "/huangyi" 2、对应请求的三个接口如下: "/api/musichall/fcgi-bin/fcg_yqqhomepagerecommend.fcg" "/apipc/cgi-bin/musicu.fcg" "/huangyi/music/api/getDiscList" 发现三个接口中都包含"/api",所以访问时正则匹配都会转到第一个的"/api.原创 2020-10-08 20:25:25 · 597 阅读 · 0 评论 -
css怎么设置文本超出显示省略号
1、单行文本超出 .divObj{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 2、多行文本超出 .divObj{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-c...原创 2020-02-09 13:03:07 · 91 阅读 · 0 评论