Спасибо большое, а не могли бы объяснить почему мозилла не хотела работать с $('body').scrollTop(), а хром и опера работали? Хочу просто понять саму логику, что бы разбираться в дальнейшем. Ещё раз огромное спасибо.
Самое интересное - создал чистый html и css, в нем див с классом контейнер, задал цвет и медия запросы которые будут изменят цвет на определенной ширине - и все работает, медиа запросы здесь работают, а в моем макете нет..хм
Sergey Goryachev: Хмммм, и как все же правильно адаптировать? Припустим ресайзить окно браузера, и на каждом сломе ставить брейкпоинт и писать медия запрос, или писать медия запросы только под ширину разных устройств, я что-то не могу понять, то ли тут все так запутано, то ли я уже в конец запутался=)
Вот и я думаю - можно ли считать мой сверстанный сайт отзывчивым ( на % и em ) но с брейкпоинтами только под конкретные разширение, либо нужно передать, и исправлять все неточности в макете, что бы он нигде не ломался.
Я вот сверстал сайт ( для самообучение ), все как писал Итан Маркот в своей книге, без статических пикселей, все на % и em, немного его адаптировал под ноутбуки (1200px) всякие планшеты (800px, 768px, 600px, и т.д ) под мобилки (414px, 320px, и т.д ) Потом ещё немного почитал на эту всю тему, поискал информацию я задумался что я не правильно использовал технологию отзывчивости, а просто сделал макет резиновым и использовал брейкпоинты как для адаптивного дизайна, а всю суть заключалась в том, что если делается резиновым макет - нужно что бы он нигде не ломался. мол это для этого и задумано.
Спасибо, я вспомнил про спецификацию, и понял что не смогу переопределить стиль с уровнем 13, стилем с уровнем 1. Я вот правда думал что если поставить мои стили ниже остальных - буду применятся только мои, но про эту деталь я забыл. Спасибо большое, буду пытаться подбирать правильный уровень спецификации.
Я вот сижу ищу информацию и думаю - может при использовании сетки бутспрап и весь смысл состоит в том, что самому и не нужно никаких отступов задавать внутри сетки?
Спасибо за совет, но как быть именно с padding/margin? Вот припустим мне говорят - отодвинь этот блок влево на 20 пикселей. Я прописываю в .myBlock {magrin-left: 20px} и на маленьких экранах сетка ломается из-за этого отступа.
Сразу спрошу - как можно на тостере комментировать определенный выделенный текст? А то я новенький тут=)
" Вы должны решить, при каком размере окна, контейнер будет иметь размер ровно 960px. Например, вы решили, что при 1280px - это и есть контекст. " Я понял Вас, большое спасибо. Ещё маленький вопросик - А существует какой-то стандарт? Ну припустим 1980px это и есть контекст, или это все относительно, и как такого стандарта нету, и все зависит от проекта и данной ситуации?
