Search the Community
Showing results for tags 'responsive design'.
-
Добрый день, уважаемые форумчане! Наконец таки я нашел тот форум который искал. Для начала я представлюсь. Меня зовут Андрей, мне 24 года. Я выпускник ИрГТУ, специализация: Информационные системы и технологии. Живу и работаю в Иркутске. Работаю системным администратором, активно занимаюсь спортом Сижу я значит, работаю сис.админом и думаю..."А не попробовать ли мне в веб??" Ну значит, встал с печи и пошел. Пошел в веб Долго ли шел, коротко ли, но быстро наткнулся на ресурс https://htmlacademy.ru/ и начал его подгрызать потихоньку, да помаленьку. Для понимая всего и вся, озарила меня мысль чтения "всего и вся" и отправился я бороздить просторы интернета, в поисках различной-полезной информации. За библию был взят http://htmlbook.ru/. Изучаю его и по сей день. Прочитал множество различных статей на хабре, а так же статьи найденные напрямую через поисковые системы. Осилил книжку "HTML5 Недостающее руководство - Мэтью Макдональд"(сейчас на примете CSS 3.0 Недостающее руководство того же автора). Читаю и по сей день различные стать. Мои знания веб-разработки далеки от вершин, да и пожалуй далеки пока и от простых пригорков, но я настроен серьезно и готов работать и учиться, совершенствоваться в данной стезе ВЕБ Так же хочу сказать, что у меня есть сестренка, которая работает в веб-разработке уже 5 лет. На данный момент работает в фирме города Hong-kong, но времени помогать/наставлять меня на пусть истинный, у нее категорически мало Но все же иногда есть. Собственно у сестренки то, я и получил свое первое задание, свою первую страницу формата *.psd, которую и хочу представить Вашему вниманию. Очень жду ваших комментариев/отзывов/предложений по сделанной мною страничке. Для страницы сделал так же adaptive, под любое разрешение устройства, без break-point'ов. Надеюсь правильно, если не правильно - то не страшно. Переделаем в будущем. Прикладываю страничку. За ранее хочу сказать, что для корректной работы adaptiv'a требуется перезагрузить страничку, после того как изменили размеры окна браузера. Возможно это решается другим путем(без перезагрузки), но я пока его не осилил. Всем заранее спасибо! Ваш ход, форумчане http://filippovam.github.io/Robinzon/
- 17 replies
-
- 1
-
- верстка начало
- пусть верстальщика
- (and 6 more)
-
Приветствую всех участников HTML - форума ! Поясню вопрос более подробно, в стиле задачи из учебника Дано: Адаптивная (Responsive) страница, в конце таблицы style.css прописаны @media queries под разные разрешения. Пример: ***Main Style*** h1 { padding-right: 20px; } p { margin-left: 10px; } @media queries (max-width: 991px) { h1 { padding-right: 10px; } p { margin-left: 5px; } } @media queries (max-width: 640px) { p { margin-left: 3px; } } Необходимо что-бы при просмотре с устройства попадающего под параметры последнего @media queries (max-width: 640px) у элемента h1 был задан атрибут padding-right со значением 10px как в предыдущем @media queries (max-width: 991px). Необходимо ли дублировать для этого стиль из одного @media queries в другой ? Я знаю что браузер читает и применяет стили последовательно, также есть разные приоритеты. Но как обстоят дела при открытии странички с других устройств ? Сначала браузер применяет Main Styles а потом сразу применяет нужный ему @media queries или все также последовательно ? Проще говоря кочуют ли стили из "верхних"(больших разрешений) @media queries в нижние(маленькие разрешения) или необходимо их дублировать ?