|
0 / 0 / 0
Регистрация: 28.02.2008
Сообщений: 20
|
|
Необходимо исправить ошибку в медиа-запросе13.12.2015, 21:20. Показов 2691. Ответов 19
Метки нет (Все метки)
Ребята, подскажите, в чем проблема? Накарябал сайтик: http://nikolai-yakuschenko.16mb.com/ Использовал резиновую и адаптивную верстку. При уменьшении масштаба страницы CSS слетает к чертям. Как поправить?
0
|
|
( Лучшие ответы (1)
| 13.12.2015, 21:20 | |
|
Ответы с готовыми решениями:
19
Необходимо исправить ошибку в поистроении таблицы Необходимо исправить ошибку в подключении css-стилей Не срабатывает свойство в медиа запросе |
|
225 / 216 / 89
Регистрация: 12.09.2015
Сообщений: 986
|
|
| 13.12.2015, 23:56 | |
|
Коля, я вот не понимаю, чего это вдруг в последнее время все начали с масштабом браузера баловаться?
Зачем вы вообще масштаб страницы уменьшаете? И как это относится к адаптивному дизайну сайта?
1
|
|
638 / 416 / 27
Регистрация: 03.11.2009
Сообщений: 1,855
|
||
| 14.12.2015, 00:21 | ||
0
|
||
Сообщение от Коля
|
0 / 0 / 0
Регистрация: 28.02.2008
Сообщений: 20
|
|
| 14.12.2015, 08:41 [ТС] | |
|
Анар, уменьшаю масштаб страницы на случай, если какому-нибудь посетителю сайта придет в голову его уменьшить. Если он при этом увидит, что CSS слетел, и остался голый HTML, будет не здорово.
t1m0n, убрал все размеры в пикселях, проблема осталась.
0
|
|
|
2 / 2 / 3
Регистрация: 08.12.2015
Сообщений: 24
|
||||||
| 14.12.2015, 13:19 | ||||||
0
|
||||||
|
0 / 0 / 0
Регистрация: 28.02.2008
Сообщений: 20
|
|
| 14.12.2015, 16:16 [ТС] | |
|
semenius, так это ж только добавляет отступы в верстку, чтобы лучше смотрелось на телефоне, разве нет? А CSS при изменении масштаба все равно слетает.
0
|
|
|
638 / 416 / 27
Регистрация: 03.11.2009
Сообщений: 1,855
|
|
| 14.12.2015, 18:39 | |
|
вообще пользователи редко меняют масштаб, в основном меняется размер окна и вот тут главное чтобы не слетали блоки
вообще если вам нужен сайт для слабовидящих лучше сделать отдельные стили и возможность переключения а чтобы обычные пользователи не крутили масштаб нужно правильно подобрать размер шрифта под планшеты\телефоны сайты тестируются через встроенный инструмент в браузер
0
|
|
|
0 / 0 / 0
Регистрация: 28.02.2008
Сообщений: 20
|
|
| 14.12.2015, 18:59 [ТС] | |
|
t1m0n, ок, спасибо за инфу про пользователей.
Но интересует, все-таки, где зарылась проблема. Потому как голый HTML при махинациях с сайтом - это косяк. Да, а какие браузерные инструменты для теста под мобильные устройства посоветуете?
0
|
|
|
638 / 416 / 27
Регистрация: 03.11.2009
Сообщений: 1,855
|
||
| 14.12.2015, 19:11 | ||
chrome-devtools devtools кстати помогут решить вашу проблему
0
|
||
|
0 / 0 / 0
Регистрация: 28.02.2008
Сообщений: 20
|
|
| 14.12.2015, 19:28 [ТС] | |
|
t1m0n,ок, спасибо.
Использую firebug в Firefox'е. Но он только показывает, что css исчезает. Почему - не говорит. =(
0
|
|
|
638 / 416 / 27
Регистрация: 03.11.2009
Сообщений: 1,855
|
|
| 14.12.2015, 19:30 | |
|
сделайте архив с css\html и сюда прикрепите
0
|
|
|
0 / 0 / 0
Регистрация: 28.02.2008
Сообщений: 20
|
|
| 14.12.2015, 20:05 [ТС] | |
|
t1m0n, прикрепил архив.
0
|
|
|
638 / 416 / 27
Регистрация: 03.11.2009
Сообщений: 1,855
|
||||||||||||||||
| 14.12.2015, 20:54 | ||||||||||||||||
|
в хроме\фаерфоксе ничего не слетает все нормально показывает у меня
0
|
||||||||||||||||
|
0 / 0 / 0
Регистрация: 28.02.2008
Сообщений: 20
|
|
| 14.12.2015, 21:18 [ТС] | |
|
t1m0n, хм, а у меня, стоит покрутить колесико мышки в сторону уменьшения масштаба, и в какой-то момент - бац, остается голый html. (См. скриншот).
P.S. Спасибо за замечания, учту.
0
|
|
|
638 / 416 / 27
Регистрация: 03.11.2009
Сообщений: 1,855
|
||||||
| 14.12.2015, 22:07 | ||||||
|
ну инспектором смотреть, те лишние css файлы поотключать
может путь к css удалить или скопировать туда стили
1
|
||||||
|
0 / 0 / 0
Регистрация: 28.02.2008
Сообщений: 20
|
|
| 16.12.2015, 08:35 [ТС] | |
|
t1m0n ,перекинул @media в один css-файл - проблема решилась. Спасибо.
Вопрос - значит ли это, что при подключении media через отдельные файлы нужно прописывать все стили? Я думал, если указать css-файлы один за другим, стили подхватятся. Что интересно, при изменении размера экрана, media срабатывали и css сохранялся. Проблема возникала только при изменении масштаба. Fedor92, так а на что влияет регистр docktype'а? Я понимаю, если валидность нарушается, но на работе страницы это как отражается? Поменял регистр - проблема осталась.  P.S.Не дадите семантический анализ названия темы?  Я пока только учусь и мне сходу не сообразить, где в названии темы указание на мой косяк.
0
|
|
 
|
|||
| 16.12.2015, 10:57 | |||
 ) Если хотите показать, что Ваш документ написан с учётом спецификации html5 и хотите отображать сайт в стандартном режиме, тогда доктайп будет выглядеть как - <!DOCTYPE html> и регистр здесь не причём, хотя лучше всего доктайпы писать заглавными буквами...
А если серьёзно, то почитайте, что из себя представляют доктайпы, для чего их указывают и что такое режим совместимости раз уж Вы учитесь...
1
|
|||
|
225 / 216 / 89
Регистрация: 12.09.2015
Сообщений: 986
|
|
| 16.12.2015, 19:07 | |
 Сообщение было отмечено Коля как решение
Решение
Коля, посмотрите просто на свои css. Где у вас главная таблица?
У вас все css с указанием max-width, при этом самый большой 2650px. Когда вы уменьшаете масштаб, вы увеличиваете ширину экрана и когда она переходит за отметку 2650, то и действующего css у вашего сайта больше нет, потому что ни одна таблица под требования не подходит.
1
|
|
|
0 / 0 / 0
Регистрация: 28.02.2008
Сообщений: 20
|
|
| 16.12.2015, 21:17 [ТС] | |
|
Fedor92, за DOCTYPE спасибо, это я сплоховал.
Про режим совместимости почитаю. Но все-таки, это не ответ на вопрос, как вы на самом деле поняли, где я начудил, по названию темы? Анар, огромное спасибо! Действительно, убрал media = "max 2650px", и css больше не слетает. А когда я поместил все @media в один файл, то, естественно, указал только 2: для max-width: 1280px и 580px, поэтому тоже все поправилось. Не знал, что браузер может воспринимать страницу в разрешении большем, чем разрешение экрана. Спасибо всем! Проблема решена!
0
|
|
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
| 16.12.2015, 21:17 | |
|
Помогаю со студенческими работами здесь
20
При масштабировании в Firefox почему-то меняются размеры экрана в css медиа запросе
Исправить ошибку в запросе api vk Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым.
Но восстановить их можно так.
Для этого понадобится консольная утилита. . .
|
Изучаю kubernetes
lagorue 13.01.2026
А пригодятся-ли мне знания kubernetes в России?
|
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
|
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11
— это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
|
|
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11
Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
|
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
|
Модель микоризы: классовый агентный подход 3
anaschu 06.01.2026
aa0a7f55b50dd51c5ec569d2d10c54f6/
O1rJuneU_ls
https:/ / vkvideo. ru/ video-115721503_456239114
|
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ФедосеевПавел 06.01.2026
Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR
ВВЕДЕНИЕ
Введу сокращения:
аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .
|
Наверх