Я использую HTML и CSS в своем веб-приложении. Я определил все свои атрибуты внутри таблицы. Когда я изменяю размер моего браузера, все компоненты сбрасываются вместе.
Например, когда я уменьшаю размер браузера на YouTube, появляется горизонтальная полоса прокрутки, которая позволяет перемещаться по веб-сайту, но ничего не меняет на домашней странице. Я хочу реализовать что-то подобное для своего веб-приложения.
Внутри веб-страницы я попытался поместить все содержимое внутри div, а затем использовать css-стиль overflow:sroll
для этого. Но это не помогло.
У меня есть iframe внутри моей веб-страницы.
<body>
<table>
<!--web content-->
<iframe></iframe>
</table>
</body>
Я не могу опубликовать весь свой код так долго, как долго. Это более 1000 строк.
добавить "overflow-y: auto;" свойство в css для выполнения прокрутки при изменении размера
Я действительно смущен вашим вопросом:
Если вам нужна полоса прокрутки в iframe, вы можете использовать scrolling="yes"
как в этом примере:
Если ваш вопрос касается внутреннего прокрутки в вашем div, вы должны использовать overflow-x:scroll
и overflow-y:scroll
Если ваш вопрос касается изменения размера браузера, вы можете использовать @media screen
Пример:
@media screen and (max-width: 480px) {
//SOMETHING OF CSS HERE
}
/* Some android phone portrait screen width*/
@media screen and (min-width: 321px) and (max-width: 360px) {
//SOMETHING OF CSS HERE
}
Надеюсь, это поможет вам, САЛЮТ!
Не уверен, что overflow:sroll
кода overflow:sroll
был опечаткой или нет, вы можете просто изменить sroll
для scroll
.
Кроме того, возможно, из-за другого фрагмента CSS, позднее overflow
атрибута overflow
, вы можете попробовать добавить это в свой код CSS:
body {overflow:scroll!important;}
!important
добавить к overflow:scroll
чтобы сделать его более важным, чем более поздний атрибут overflow
.<div>
, что более удобно. Для других элементов просто добавьте style="overflow:scroll;"
или style="overflow:scroll!important;"
в случае, если вам действительно нужно снова изменить атрибут overflow
.
Чтобы реализовать прокрутку, вы должны сначала определить высоту, например, если высота равна 200px, тогда если браузер уменьшит свой размер более чем на 200 пикселей, только переполнение: прокрутка; будет работать, убедитесь, что вы используете границу для демонстрационной цели для таблицы или div позже попытайтесь использовать переполнение, она должна сделать трюк