ширина: 100% не расширяется полностью в портретном режиме iPad

У меня есть веб-страница, ширина которой превышает 1000 пикселей. Существует фоновый элемент DIV, который охватывает всю ширину

.bg_horizon {
  position:absolute;
  width:100%;
  height:800px;
  background-color:#f7f7f7;
  border-bottom:1px solid #8d9092;
  z-index:-9999;
  margin:0;
  padding:0;
}

Это окно отлично отображается в альбомной ориентации и на настольных компьютерах, но в портретном режиме iPad веб-страница шире, чем область просмотра... это нормально, так как пользователь может просто перемещаться, мы не разрешаем масштабирование... но фон div отображал только ширину css: 100% до видимой части области просмотра. Когда я перемещаюсь, я вижу остальную часть веб-страницы, но div не распространяется на эти области. Как я могу получить ширину: 100%, чтобы охватить всю веб-страницу?


ios ipad css width portrait
person Homan    schedule 06.02.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Ширина экрана iPad составляет 1024 пикселя, поэтому попробуйте добавить:

html {
    min-width: 1024px;
    }
person Mirko Mukaetov    schedule 06.02.2013