相关疑难解决方法(0)

使用CSS保持div的宽高比

我想创建一个div可以随着窗口宽度的变化而改变宽度/高度的东西.

是否有任何CSS3规则允许高度根据宽度改变,同时保持其宽高比

我知道我可以通过JavaScript实现这一点,但我更喜欢只使用CSS.

div根据窗口宽度保持纵横比

html css aspect-ratio css3 responsive-design

996
推荐指数
21
解决办法
44万
查看次数

通过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/

css

18
推荐指数
3
解决办法
2万
查看次数

根据宽度和高度保持纵横比

可以div在视口中放置一个正方形并使其居中,并始终根据宽度和高度保持其纵横比

要求 :

  • 只有CSS
  • 无论视口的方向(横向或纵向)如何,方块的大小都必须适应视口的最小尺寸(宽度或高度).
  • 正方形必须在视口中以水平方向和垂直方向居中

例:

根据视口的宽度和高度保持纵横比

css aspect-ratio css3 responsive-design

14
推荐指数
2
解决办法
7707
查看次数

标签 统计

css ×3

aspect-ratio ×2

css3 ×2

responsive-design ×2

html ×1