我想创建一个div可以随着窗口宽度的变化而改变宽度/高度的东西.
是否有任何CSS3规则允许高度根据宽度改变,同时保持其宽高比?
我知道我可以通过JavaScript实现这一点,但我更喜欢只使用CSS.
我有一组元素,要求它们的最小宽度等于它们的高度,但未明确设置高度.目前我可以min-width通过jQuery 设置css 属性来实现这一点:
$(document).ready
(
function()
{
$('.myClass').each
(
function() {$(this).css('min-width', $(this).css('height'));}
);
}
);
Run Code Online (Sandbox Code Playgroud)
是否可以直接在css中指定此行为?
这是一个展示我想要实现的目标:http://jsfiddle.net/p8PeW/
可以div在视口中放置一个正方形并使其居中,并始终根据宽度和高度保持其纵横比?
要求 :
例:
