weixin_43130844的博客

在进行前端页面开发的过程中，通过使用CSS对图片进行等比例缩放，存在会使图片失真的情形。这种情况有点违反我们的通常认知，毕竟放大图片会使图片失真这很正常，但是缩小图片通常应该会使图片变清晰才对。目前我查找了很多资料都还没发现哪篇文章有深入分析其中的原理，姑且认为这是浏览器根据CSS样式显示图片的策略不同于常规图片查看软件。那么遇到这种情况，有什么解决方案呢？方案一：使用CSS3的image-rendering属性.img { image-rendering:-moz-crisp-edges;

直接上代码：<div class="parent"> <p class="childOne">关于使用flex布局的下父元素自适应宽度，子元素长度超出父元素宽度的一个解决方法</p> <button class="childTwo" type="button"></button></div>.parent { f...

由于input默认存在最小宽度，所以在父元素宽度太小的情况下input设置了flex:1会失效<div style="width: 100px;display: felx;"><input style="flex: 1;"><!-- 此时flex: 1就会失效 --><button style="flex: 0 0 25px"></but...