1. 前言 在移动开发中,有时候需要设置一个宽高相等的div,并且为了使它能够适配更多的屏幕,于是需要让它的宽高和屏幕宽高成一定的比例。这里将提供一个css的解决方案,让一些后端开发不用再写繁琐的js。 2. 实现代码 html: css: 效果 ...
1. 前言 在移动开发中,有时候需要设置一个宽高相等的div,并且为了使它能够适配更多的屏幕,于是需要让它的宽高和屏幕宽高成一定的比例。这里将提供一个css的解决方案,让一些后端开发不用再写繁琐的js。 2. 实现代码 html: css: 效果 ...
最近项目中有一个问题,做一个响应式的盒子,随着屏幕的变化, 宽高一直保持相等,之前一直使用js动态设置,获取盒子的宽度来设置盒子高度。 但是加载时样式显示不是很好,后来直接用css实现。 html部分: css部分: img-box为设置 ...
参考网站:https://segmentfault.com/q/1010000010391524 ...
1。图片宽高相等,width:300px; height:300px; 把他变成宽高100px的圆形头像 img{width:100px; height:100px; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius ...
width 宽,height 高,background 背景;背景色 background-color:颜色值--英文单词/十六进制/rgb;背景图 background-image:url(‘图片路径’);背景图平铺 background-repeat:no-repeat / repeat-x ...
数量可以自己定义,大概如下图,排序是可以换行的,flex布局一下即可 ...
设置图片高度等于宽度 如果仅仅想要外层div同宽高,而图片保持原图大小不被撑大, 可以将图片属性换成下面这个 如果子元素根据父元素设置宽度,那么将其高度设置为0,并将padding-bottom设置为百分比,则该子元素的高度将根据它的宽度计算 如果子元素是图片,需要使用下面的方法 ...