Size: a a a

CSS — русскоговорящее сообщество

2020 May 19

IK

Iliya Kobaliya in CSS — русскоговорящее сообщество
☕️
источник

R

Romanovskiy in CSS — русскоговорящее сообщество
Всем привет

Попросили сверстать неадаптивную страничку.
Сменил
meta(name="viewport" content="width=device-width, initial-scale=1, user-scalable=0")

на
meta(name="viewport" content="width=1150, initial-scale=1")

И наблюдаю интересную ситуацию. На эмуляторе в девтулсах ширина не уменьшается меньше 1150, а если в обычном режиме ПК начать уменьшать окошко вьпорта, то ширина без проблем уменьшается менее 1150.

Пробовал ещё:
meta(name="viewport" content="width=1150")


Тоже не помогает. Как обойти?
источник

П

Паша in CSS — русскоговорящее сообщество
а зачем тебе менять эту метку?
источник

VL

V. Lavrinovichs 🇦🇹... in CSS — русскоговорящее сообщество
А ты пробывал max-width и min-width ?
источник

R

Romanovskiy in CSS — русскоговорящее сообщество
V. Lavrinovichs 🇦🇹
А ты пробывал max-width и min-width ?
на боди или в теге?
источник

R

Romanovskiy in CSS — русскоговорящее сообщество
Паша
а зачем тебе менять эту метку?
потому что страничка временная должна быть неадаптивной.
Можно оставить адаптивную метку, и какой-нибудь класс .conatiner задать min-width:1150px, но body и html будут уменьшаться.
источник

R

Romanovskiy in CSS — русскоговорящее сообщество
У меня там абсолютом хитрый бэкграунд и он сужается под вьюпорт. Можно и ему конечно мин ширину задать, но хочется по уму сделать
источник

VL

V. Lavrinovichs 🇦🇹... in CSS — русскоговорящее сообщество
Ты хочешь чтобы если например с мобилки откроют сайт, чтоб он был громадный сразу и видно была только маленькая часть сайта?
источник

🆂𝔹

🆂🅴🆁🅶🅴🆈 𝔹𝕒𝕜𝕝𝕒𝕟𝕠𝕧 🆗 🕸... in CSS — русскоговорящее сообщество
на мобилке важное .. на десктопе всё
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
V. Lavrinovichs 🇦🇹
Ты хочешь чтобы если например с мобилки откроют сайт, чтоб он был громадный сразу и видно была только маленькая часть сайта?
Нет. Такие сайты просто масштабируются.
источник

R

Romanovskiy in CSS — русскоговорящее сообщество
не принципиально. Можно маленькая, можно весь сайт большой.
В целом с мобилки метка с фиксированной шириной отрабаотывает хорошо.

Проблема на ПК, когда начинаешь уменьшать ширину вьюпорта
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Romanovskiy
не принципиально. Можно маленькая, можно весь сайт большой.
В целом с мобилки метка с фиксированной шириной отрабаотывает хорошо.

Проблема на ПК, когда начинаешь уменьшать ширину вьюпорта
Проблема в чем конкретно? Ну поставь мин-видтх на боди
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
И всё
источник

R

Romanovskiy in CSS — русскоговорящее сообщество
Если на Body ставить min-width, то он и main становятся широкими, но абсолютный бэкграунд, который сразу в main и left 0, right 0,  остаётся не на всю ширину. Можно и ему конечно min width задать, но колхоз же. Хочется по православному сделать
источник

🆂𝔹

🆂🅴🆁🅶🅴🆈 𝔹𝕒𝕜𝕝𝕒𝕟𝕠𝕧 🆗 🕸... in CSS — русскоговорящее сообщество
тогда лучше в церковь идти
источник

🆂𝔹

🆂🅴🆁🅶🅴🆈 𝔹𝕒𝕜𝕝𝕒𝕟𝕠𝕧 🆗 🕸... in CSS — русскоговорящее сообщество
или это вы так ... пошутили ?
источник

R

Romanovskiy in CSS — русскоговорящее сообщество
тут серьёзный чат, какие шутки
источник

R

Romanovskiy in CSS — русскоговорящее сообщество
Но к ночи мог уже мозг закипеть
источник

П

Паша in CSS — русскоговорящее сообщество
🆂🅴🆁🅶🅴🆈 𝔹𝕒𝕜𝕝𝕒𝕟𝕠𝕧 🆗 🕸
или это вы так ... пошутили ?
я не верующий, помочь не смогу😂😂🙈
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Romanovskiy
Если на Body ставить min-width, то он и main становятся широкими, но абсолютный бэкграунд, который сразу в main и left 0, right 0,  остаётся не на всю ширину. Можно и ему конечно min width задать, но колхоз же. Хочется по православному сделать
Ну так ты хреново фон сделал, что я скажу
источник