当前位置: 海之晶网站设计> 建站知识> 建站教程>CSS纵横比单元的设计

CSS纵横比单元的设计

文章出处:网站建设-海之晶网络 | 网站编辑:网站设计 | 发表时间:2020/9/8 13:17:24
分享:

CSS中反复出现的一个问题是,没有办法根据它们的纵横比来调整大小。尤其是在处理响应式设计时,您通常希望能够将宽度设置为百分比,并使高度与某个纵横比相对应。这是负责设计CSS的人(即CSS工作组)最近一直在讨论的问题,最近在旧金山召开的CSSWG会议上就一个拟议的解决方案达成了一致。

这是一个新的解决方案,因此我们还没有浏览器实现,但我认为写下这个建议是值得的,以防在更广泛的网络社区中的任何人都能看到一个令人震惊的问题。它也让我们深入了解了CSSWG的工作,以及如何讨论此类问题,并设计了新的功能。

关于没有固有纵横比的非替换元素的问题。替换的元素是像图像或用<;video>;元素放置的视频。它们不同于CSS中的其他框,因为它们设置了维度和它们自己的行为。这些被替换的元素被称为具有内在的纵横比,因为它们具有维度。

一个div或其他一些可能包含内容的HTML元素没有纵横比,您必须为其指定宽度和高度。不能说你想保持16/9的纵横比,不管宽度是多少,高度都应该用给定的纵横比计算出来

关键字:
南京市汉中路1号国际金融中心9楼
建站热线:13815417591
免责声明: 本站部分内容来源于互联网,如果本站部分内容侵犯您的权益,请您告知,站长会立即处理。