При увеличении и уменьшении масштаба экрана, элементы плывут как хотят

Вячеслав петров · April 19, 2022

При увеличении и уменьшении масштаба экрана, элементы плывут как хотят, те которые в px плывут по своему те которые в % по своему, но суть одна и почему backgraund-image в body, занимает всю ширину экрана, независимо от указаной ширины?Спасибо

Edited April 19, 2022 by Вячеслав петров

Switch74 · April 20, 2022

увидеть бы пример

основные проблемы у вас скорее всего из-за совмещения % и px например(width:%;margin:px;padding:px;)
чтобы объекты не плыли, при разных размерах можно использовать одну систему измерений
в 90% случаев может помочь box-sizing: border-box;

для остальных проблем можно использовать @media или min- | max-

к каждой проблеме стоит подходить индивидуально

Вячеслав петров · April 21, 2022

у меня задний фон на весь экран растягивается если уменьшить масштаб, а должно быть все определенной ширины как на 3 картинке, ставлю ширину общего контейнера определенную , а оно все равно на весь экран когда уменьшаешь масштаб , наверное по этой же причине элементы с px не тянутся по экрану а стоят на своих местах а % двигаются по отношению к размеру экрана Интернет магазин CAsher_bag - Google Chrome 21.04.2022 13_35_00.png

Switch74 · April 26, 2022

Если вам нужно чтобы страница сайта была определенной ширины и по центру, то задайте в px ширину блока, в котором весь контент, например:

<html>
<head>
...
</head>
<body>
<div style="width:800px; margin:0 auto;">
...
</div>
</body>
</html>

Вячеслав петров · April 28, 2022

Спасибо, направили в нужную сторону))

Sign In

При увеличении и уменьшении масштаба экрана, элементы плывут как хотят

Question

Вячеслав петров

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Switch74

Link to comment

Share on other sites

Вячеслав петров

Link to comment

Share on other sites

Switch74

Link to comment

Share on other sites

Вячеслав петров

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information