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 · 620 阅读 · 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 · 1001 阅读 · 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 · 633 阅读 · 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 · 100 阅读 · 0 评论