1

幅に問題があります: 20%; min-width: 30px; によってオーバーライドされています。(CSS ボックスの 22 行目と 23 行目を参照してください: http://jsfiddle.net/dLmnX/ )

また、初めてアスペクト比を使用しています。 http://ansciath.tumblr.com/post/7347495869/css-aspect-ratioからコードをピックアップして切り刻みました。

コードのアスペクト比部分:

  #aspect {
      padding-top: 120%; /* aspect ratio */
  }

正常に動作しているようです。これは、この div の幅だけです:

  #shuffle1 {
    display: inline-block;
    margin: 0px auto;
    position: relative;
    width: 20%;
    min-width: 30px;        
  }

どんな助けでも素晴らしいでしょう！ありがとうございました。

4

1 に答える 1

0

犯人は#two要素のスタイリングです。

http://jsfiddle.net/dLmnX/2/

  #two {
    display: inline-block;
  }

幅をパーセンテージで指定すると、親要素のサイズに相対的になります。は非常に小さいため#two、20% が 30px を超えることはありませんでした。inline-block に設定された要素は、可能な限り小さなスペースを占有しようとします。

于 2013-01-24T14:06:40.453 に答える