Ну неужели никто не знает?... или ни у кого такого не было?
может быть нужно
в каждом запросе указывать ширину
body?
ну например так:
html, body{
width: 100%;
font-family: 'Open Sans Condensed', sans-serif;
font-size:100%/1.4;
}
{ тут идут стили для полной ширины экрана 1920px}
/* медиа-запросы */
@media (max-width: 1400px) {
body { max-width:1400px}
}
@media (max-width: 1200px) {
body { max-width:1200px}
}
@media (max-width: 1000px) {
body { max-width:1000px}
}
@media (max-width: 900px) {
body { max-width:900px}
}
@media (max-width: 800px) {
body{ width: 800px; }
}
но body указан в самом начале 100% и он распространяется на все стили (перебивает его только body{width:800px} в последнем запросе. Ну а 100% это я так понимаю от края до края экрана... ни больше не меньше...
так почему появляется горизонтальная полоса прокрутки?