Как установить div (/ его содержимое) для изменения размера и центрирования на любом экране? - PullRequest
0 голосов
/ 21 апреля 2019

Мне нужен баннер на моем веб-сайте для центрирования и изменения размера в соответствии с размером экрана, на котором просматривается веб-сайт (включая мобильный).Мне нужно, чтобы он был по центру, так как фактический центр div находится в центре экрана, даже если сам div шире, чем экран, на котором он просматривается - так что его левая и правая стороны (/ изображение, содержащиеся внутри) обрезаны / скрыты за кадром.

Вот страница с баннером в том виде, в котором он находится в данный момент: http://keshiheads.co.uk/test

Полный размер изображения баннера для справки: http://keshiheads.co.uk/Background.png

<head>
<meta name="viewport" content="width=100%, initial-scale=1, user-scalable=yes">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head> 

<body style="overflow-x:hidden;">

<div style="position:absolute;top:0;">

<div style="position:absolute;top:0;left:0;"><img src="Background.png" style="height:140px;"/></div>

1 Ответ

0 голосов
/ 21 апреля 2019

Если вы используете начальную загрузку, вы можете поместить баннер в класс «контейнер», который будет центрировать ваш баннер, а затем вы можете использовать точки отсечения css, чтобы сделать его отзывчивым.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...