АГ
и что оно больше чем 320 пикселей в ширину
Size: a a a
2017 February 06
АГ
я лишь хочу чтобы при загрузке не появлялось горизонтального скролла
A
На айфоне все норм. В эмуляторе скролл. Ок, выяснили.
Просто это ни разу не адаптивный дизайн - верстать все жестко в пикселях, а потом впихивать это в прокрустово ложе вьюпорта айфона через js-костыли, scale или борьбу с meta-viewport.
Просто это ни разу не адаптивный дизайн - верстать все жестко в пикселях, а потом впихивать это в прокрустово ложе вьюпорта айфона через js-костыли, scale или борьбу с meta-viewport.
A
Просто сверстай адаптивно и все )
АГ
На айфоне все норм. В эмуляторе скролл. Ок, выяснили.
Просто это ни разу не адаптивный дизайн - верстать все жестко в пикселях, а потом впихивать это в прокрустово ложе вьюпорта айфона через js-костыли, scale или борьбу с meta-viewport.
Просто это ни разу не адаптивный дизайн - верстать все жестко в пикселях, а потом впихивать это в прокрустово ложе вьюпорта айфона через js-костыли, scale или борьбу с meta-viewport.
оно адаптивно и свёрстано же
АГ
а где там жёстко в пикселях свёрстано не пойму
A
То, что оно сейчас норм смотрится на айфоне при width: 468px - заслуга safari, я полагаю. Браузер видит, что сверстали коряво, пытается впихнуть все сразу во вьюпорт и у него получается. Это я без глубокого код-ревью говорю, разбираться лень.
A
.main {
width: 468px
}
width: 468px
}
A
Это НЕ адаптивная верстка )
АГ
это как-то мешает айфону уместить всё в экране ?
АГ
Это НЕ адаптивная верстка )
а какая это ?
A
это как-то мешает айфону уместить всё в экране ?
Вообще да, учитывая, что ширина экрана 5 айфона в вертикальной ориентации 320 пикселей.
A
468 > 320
true
true
A
а какая это ?
Ну сам подумай )
АГ
умещением в экран крупных блоков занимается тег <meta name="viewport" ... > только я не могу понять почему оно не работает в моём тестовом макете.
A
meta name viewport ничем не занимается, кроме того, что сообщает браузеру под какую ширину экрана проектировался сайт.
АГ
Ну сам подумай )
ок, почитай определение адаптивной вёрстки, и потом попробуй ещё раз открыть тот виджет и посмотреть подходит ли определение к виджету.
A
ок, почитай определение адаптивной вёрстки, и потом попробуй ещё раз открыть тот виджет и посмотреть подходит ли определение к виджету.
Если ты через костыли адаптировал виджет один раз так, что второй раз не можешь повторить - значит ты про адаптивную верстку только читал )
PH
дваайте по делу
A
Читать все умеют )