CSS
文章平均质量分 86
小螃蟹er
永远相信,美好的事情即将发生。
展开
-
浅谈图片宽度自适应解决方案
比较好的图片响应式设想便是在不同的屏幕分辨率下使用不同实际尺寸的图片,而达到在高速网络环境中使用大或超大高清图片,在低速网络或需要替用户节省流量资源的环境中使用小而清晰的图片,保证用户无论在何种环境下都能有良好的浏览体验。来处理,但是,我发现图片宽度并不统一,max-width需要针对每一个宽度去设置,那根本不可行,无疑是自找麻烦,因为实际应用中,我们完全无法预知用户将使用多大宽度的图片。但是,作为一个有点强迫症的开发者,虽然达到了我想要的效果,但加了那么多层嵌套标签,总让我感觉不舒服。原创 2022-08-22 16:11:39 · 830 阅读 · 0 评论 -
flex布局-所有属性整理
/* flex布局: 弹性盒布局,flex容器,子元素flex项目 默认两根轴:水平轴和垂直交叉轴,项目默认沿主轴排列 注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。*//* 一、容器的属性 flex-direction flex-wrap f......原创 2019-12-18 15:04:12 · 905 阅读 · 0 评论 -
盒模型与box-sizing以及相关问题
css盒模型一共有两种模型:W3C标准盒模型(标准模式)、IE盒模型(怪异模式)只要完整定义DOCTYPE都会触发标准模式,如果DOCTYPE缺失则在ie6/ie7/ie8下将会触发怪异模式(注意:缺失DOCTYPE下只有再ie6/7/8才会主动触发怪异模式,其他都是标准模式,除非手动修改了box-sizing)标准模式:盒子总宽度=width+padding+border+margin...原创 2019-12-05 18:54:45 · 451 阅读 · 0 评论