Минимальная высота и ширина сайта как сделать?

Question

[ehoboli]

Как сделать, чтобы с телефона высота и ширина была минимальной? Когда я захожу на сайт с телефона, то сам дизайн выглядит маленьким, как на скриншоте:


Пробовал так:

<meta name="viewport" content="width=device-width, initial-scale=1">

не помогло.

Вот сам сайт: nogganfg.beget.tech

Comments

[Ankhena]

Вы написали, что ваш вьюпорт нужно считать как 600

<meta name="viewport" content="width=600, initial-scale=1">

И еще написали min-width: 1518px; для body.

Как по-вашему, разместить 1518 точек в 600-ах?
Правильно, ужать все больше чем в 2,5 раза.

Т.е. либо во вьюпорте нужно написать 1518, либо мин ширину 600 (и перестроить что там не влезает).

А еще лучше, всё таки сделать нормальный адаптивный сайт с

<meta name="viewport" content="width=device-width, initial-scale=1">

Это вам в помощь для футера по низу страницы и вообще для размышлений https://codepen.io/AnnaSummer/pen/gOvbEdB

[ehoboli]

Ankhena, понял буду пробовать, я убрал минимальную ширину сайт увеличился но не на много,
и левый баннер теперь под самим сайтом , можно как то сделать что бы он был там где и стоял. ?
без min-width:1518px;

[Ankhena]

ehoboli, ох, беда

Ну вы подумайте. Какая ширина мобилок? Ваш левый баннер имеет ширину 330.
Как вы видите ситуацию, что он слева, а всё остальное справа?

[ehoboli]

Ankhena, 'это понятно, ну да я хочу что бы он был именно там, как можно сделать его зафиксированным в том положении . где я хочу , с минимальной шириной получилось но косяк с размером сайта получается

[Ankhena]

ehoboli,

это понятно, ну да я хочу что бы он был именно там, как можно сделать его зафиксированным в том положении . где я хочу

Вы его уже прибили с помощью fixed и он навсегда там и останется.
Вычисленный размер будет зависеть от meta viewport.

[ehoboli]

Ankhena, Ankhena, аааа понял . спасибо , щя буду править

Answer 1

[Антон Романков]

Мой совет: сделайте нормальный адаптив.
На мобилке блоки можно разместить в колонку. И будет намного лучше.
Ну и горизонтальный скролл — это моветон в 2022.