нужна помощь с сайтом, над которым я работаю. Портретный режим на Android выглядит следующим образом:
Теперь, пейзаж, нет css, изменение:
Никаких проблем. Следуйте за мной на следующем скриншоте, иллюстрирующем, что происходит на iOs Safari / Chrome в портретном режиме. Все отлично:
Пейзажный режим переходит в «полноэкранный режим», так как это SE, поэтому я решил, что экран, будучи довольно маленьким, переходит в полноэкранный режим, и это все еще выглядит хорошо.
Я могу просматривать содержимое без проблем. Однако, когда я нажимаю ссылку на go на другую страницу, это происходит:
Поведение страницы довольно простое: прокручиваемый контент находится внутри div, который является округлым, который не должен двигаться во время прокрутки. То, что происходит, - то, что округленный div установлен на 100% высоты экрана, и когда верхняя и нижняя навигационные панели появляются на iOs, округленный div не изменит свою высоту, чтобы приспособиться к используемой части экрана.
body css выглядит следующим образом:
body {
margin: 0;
height: 100%;
overflow: hidden;
-webkit-text-size-adjust: 100%; }
, в то время как div с закругленными углами управляется следующим образом:
.rcorners {
position: absolute;
margin-top:15px;
margin-bottom:15px;
margin-left:15px;
margin-right:15px;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%-20px;
height: 100%-20px;
background-color: white;
border-radius: 10px;
-moz-box-shadow: 0 0 6px 2px #C0C0C0;
-webkit-box-shadow: 0 0 6px 2px #C0C0C0;
box-shadow: 0 0 6px 2px #C0C0C0;
overflow:hidden; }
Любые идеи о том, как сделать высоту правильной при каждом использовании экрана изменения размера?
Спасибо