当宽度固定时
-
宽度为固定的像素
那高度可以直接通过比例计算获得。 -
宽度为父元素的百分比
假设宽度为父元素的 80%，宽高比为2:1，则可设置style为：
style=“width:80%; height:auto; padding-top: 40%;”
当高度固定时
-
高度为固定的像素
直接通过比例计算获得宽度 -
高度为父元素的百分比
暂时还不知道用什么办法，目前只能通过 js 来动态的设置宽高。
宽度为固定的像素
那高度可以直接通过比例计算获得。
宽度为父元素的百分比
假设宽度为父元素的 80%，宽高比为2:1，则可设置style为：
style=“width:80%; height:auto; padding-top: 40%;”
高度为固定的像素
直接通过比例计算获得宽度
高度为父元素的百分比
暂时还不知道用什么办法，目前只能通过 js 来动态的设置宽高。
当宽度固定时 宽度为固定的像素那高度可以直接通过比例计算获得。 宽度为父元素的百分比假设宽度为父元素的 80%，宽...
在图片的外层加个div， 样式设为： 默认给图片最外层设置了一个和图片一样宽高比的div占位就OK了，
在HTML中保持DIV的宽高比,可以做一张指定宽高比的图片,把它放到自动宽高的DIV里面,之后这个DIV就可以保持...
1.AspectRaito可以设置子元素的宽高比 比如设置图片的宽高比 2.Card列表卡片效果ListView ...
开发中经常遇到给图片设置图片，图片的比例和UIButton 的宽高比例相同时是没什么问题的，图片不会因为被拉伸或者...
实现瀑布流过程中使用glide来获取网络图片。现在有这么一个需求：根据图片的宽高比来设置ImageView的宽高比...
思路：图片不要设置为div的background，因为你设置了background-size，但是div的heig...
方法一： 给div设置text-align:center;可使图片水平居中；给div设置 display: tab...
平时开发的时候经常会遇到需要将图片进行等比缩放的需求，但是本身图片的宽高比与需要等比缩放的宽高比不一致的时候就不方...
实现原理 内容和背景图片分别置于一个div，通过css设置背景div模糊度，设置内容div绝对定位。 代码 htm...
本文标题：HTML5开发-设置图片(或是div)的宽高比
本文链接：https://www.haomeiwen.com/subject/ftxjbttx.html
网友评论