Добро пожаловать на ИТ форум!

После быстрой регистрации у вас будет возможность участвовать в дискуссиях, создавать новые посты, и еще много чего.

Регистрация

Не работает адаптивность сайта для узких экранов

pifogolak

New Member
Регистрация
10.10.2019
Сообщения
1
Добрый день!
Подскажите, пожалуйста, как решить проблему: сайт http://samara-konkurs.ru/ имеет фиксированную ширину 1400px.
На ноутбуках с узким экраном часть сайта обрезается (появляется горизонтальная прокрутка).
Если задавать ширину страницы через медиа-запросы, съезжают ссылки, сделанные через карту изображения.
Может через мета-тег viewport? Я пробовал вставить в <head> такую строчку:
<meta name="viewport" content="width=device-width">
но у меня почему-то ничего не меняется.

P.s. Удивительно, но на мобильных устройствах страница подстраивается и ужимается до ширины экрана. А на узких мониторах нет...
 

Volly

Active Member
Регистрация
21.03.2012
Сообщения
677
Мобильные программы, в зависимости от настроек, могут сами подстраивать страницы под ширину своего экрана, а десктопные программы этого не делают.
 

megalionzzz

New Member
Регистрация
15.10.2019
Сообщения
6
Проверяйте верстку сразу, с учетом media queries, font scale и т.д. сразу, в браузере.
И кстати, вдруг кому пригодится http://www.responsinator.com/
Слева вверху вводится сайт и показываются примеры с расшифровками на каком устройстве как он будет выглядеть.
 

BaNru

Пацифизжу
Регистрация
13.11.2010
Сообщения
3 900
Лучше использовать встроенные в браузеры инструменты (у хрома и фокса они есть). Они лучше.
 

Kiri

New Member
Регистрация
23.08.2019
Сообщения
20
А если указать блок в процентном соотношении?
 

Сандро

New Member
Регистрация
28.10.2019
Сообщения
5
И кстати, вдруг кому пригодится http://www.responsinator.com/
- Спасибо за ссылочку, сразу же протестировал её своей песочницей, содержащей "респонсивные элементы"...
Я всего лишь "шкодер-экспериментатор", но ради респонсивности уже приспособился всё реже указывать размеры в пикселях,
в нужных местах заменяя их на vw и vh (или проценты))).
 
Последнее редактирование:
Верх Низ