css 中计算图片占屏幕高度的百分之几


图片占屏幕的百分之20或者百分之50 直接用css就可以操作就可以

教程:https://www.html.cn/book/css/values/length/vh.htm

css中有 vh vw 单位

height:calc(100vh * 0.2) // 图片占屏幕高度的百分之20

width:calc(100vw * 0.2) // 图片占屏幕宽度度的百分之20

px:绝对单位,页面按精确像素展示

em:相对单位,基准点为父节点字体的大小,如果自身定义了font-size按自身来计算(浏览器默认字体是16px),整个页面内1em不是一个固定的值。

rem:相对单位,可理解为”root em”, 相对根节点html的字体大小来计算,CSS3新加属性,chrome/firefox/IE9+支持。

vw:viewpoint width,视窗宽度,1vw等于视窗宽度的1%。
vh:viewpoint height,视窗高度,1vh等于视窗高度的1%。

优质内容筛选与推荐>>
1、Django源码解析(二) manage.py
2、转:socket的一些基本结构
3、day3(数论)
4、Python 处理word 时,对Range(ref PositionA, ref PositionB)的解释
5、【转】Nero v9.4.26.0 多语(简体中文)版+完美破解(世界上最多人使用的烧录软体)


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号