[html] 写一个布局，它的宽度是不固定的100%，如果让它的宽度始终是高度的一半呢？

<div class="ratio" style="--ratio: 0.5;"></div>.ratio {background-color: salmon;position: relative;
}.ratio::before {content: '';display: block;padding-top: calc(1 / var(--ratio) * 100%);
}

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[html] 写一个布局，它的宽度是不固定的100%，如果让它的宽度始终是高度的一半呢？相关推荐

[html] 写一个布局，当页面滚动一定高时，导航始终固定在顶部，反之恢复原位
[html] 写一个布局,当页面滚动一定高时,导航始终固定在顶部,反之恢复原位使用粘性定位,position:sticky 记得使用的时候父元素不能使用overflow:hidden和overflo ...
[html] 写一个布局，当页面滚动一定高时，导航始终固定在顶部，反之恢复原位
[html] 写一个布局,当页面滚动一定高时,导航始终固定在顶部,反之恢复原位使用粘性定位,position:sticky 记得使用的时候父元素不能使用overflow:hidden和overflo ...
用bootstrap写一个简洁的网页
在最近两周,我学习了bootstrap前端开发框架来快速制作一个网页,以往自己用html,css等学习的网页知识来写一个网页,往往需要挺长的时间.这次用bootstrap写的这个demo前后大概用了2 ...
[html] 写一个左中右的满屏布局，左右固定220px,中间自适应并且要优先加载
[html] 写一个左中右的满屏布局,左右固定220px,中间自适应并且要优先加载 <!DOCTYPE html> <html lang="en"> < ...
[html] 写一个三栏布局，两边固定，中间自适应
[html] 写一个三栏布局,两边固定,中间自适应 position + marginfloat + marginflex 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很 ...
[html] 写一个三栏布局，中间固定，两边自适应（平均）
[html] 写一个三栏布局,中间固定,两边自适应(平均) <style>html,body {height: 100%;margin: 0;padding: 0;}.container ...
[html] 写一个水平竖直居中的弹窗，带遮罩层的布局
[html] 写一个水平竖直居中的弹窗,带遮罩层的布局 <div class="container"><div class="modal"&g ...
[html] 写一个垂直的三栏布局，第一栏固定顶部，中间铺满，第三栏固定底部
[html] 写一个垂直的三栏布局,第一栏固定顶部,中间铺满,第三栏固定底部好像有几种写法我个人比较喜欢的是, <style> html, body { margin: 0; padd ...
[html] 写一个滚动吸顶的布局
[html] 写一个滚动吸顶的布局 position: sticky; top:20px: 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论主目录与 ...

[html] 写一个布局，它的宽度是不固定的100%，如果让它的宽度始终是高度的一半呢？

[html] 写一个布局，它的宽度是不固定的100%，如果让它的宽度始终是高度的一半呢？

个人简介

主目录

[html] 写一个布局，它的宽度是不固定的100%，如果让它的宽度始终是高度的一半呢？相关推荐

最新文章

热门文章