3

私のウェブサイトhttp://vea.reでは、各セクションがブラウザの画面サイズの 100% になるように css をセットアップしました。デスクトップブラウザでは非常にうまく機能しますが、iOSでは機能しないようです. 理由はわかりますか？実際、webkit/Safari でも動作しません。最新のクロムはすでに点滅に切り替えていますか?

設定方法は次のとおりです。

body  
   #container
      section

cssは以下です

html, body{
    height: 100%; position: relative;
}
#container{
    float: left;
    width: 100%;
    height: 100%;
    min-height: 100%;
}
section{
    display: block;
    width: 100%;
    min-height: 100%;
    position: relative;
}

セクションが画面の 100% より大きい場合があるため、min-height を使用しています。デスクトップでは問題なく動作しますが、iPhone や iPad では問題ありません。

CSS のみのソリューションが必要です。以前はどの JavaScript を使用していましたが、読み込み時間などのために最適ではありません。

4

1 に答える 1

0

さて、何を変更したのかわからない場合はheight: 100%代わりに動作しているようですが、セクションが長い場合でもセクションが切り取られなくなりました。min-height

于 2013-07-20T05:16:45.930 に答える