2

幅が1000pxの大きなdivがあり、次のように拡大および縮小するために修正したいと思います。

ユーザーがブラウザウィンドウのサイズを1000px未満の幅に変更した場合、それに応じてそのdivのサイズを変更します（width：100％;を使用する場合のように）。

ただし、ユーザーがブラウザウィンドウを1000pxを超える幅に拡大した場合、1000pxに達したときにdivの拡大を停止したいと思います。

width: 100%との組み合わせを使用するのが最善の方法だと思いましたmax-width: 1000px;が、これはうまくいきません。

誰かがこれを達成する方法を提案できますか？

そのdivの完全なCSSは次のとおりです。

#panel
{
  position: absolute;
  margin-left: 342px;
  max-width: 1000px;
  width: 100%;
}
4

1 に答える 1

3

メディアクエリを検討したことがありますか? 何かのようなもの：

#panel {
    /* ... */
    width: 100%;
}
@media all and (min-width: 1000px) {
   #panel {
     width: 1000px;
   }
}

これにより、1000px よりも狭い画面には 100% の幅が適用され、幅が 1000px 以上の画面には 1000px の固定幅が適用されます。

于 2013-02-26T01:07:37.033 に答える