Сообщений в теме: 7

[exx]

Всем привет.

У меня во всех браузерах неправильно отображается сайт www.maistobankas.lt

Пользуюсь ноутбуком с Linux Ubuntu 14.04 LTS 64-bit – экран 15.6”: браузеры Firefox 42.0; Chrome 46.0.

 

Прикрепляю два скриншота с уточнениями.

На первом – как мой комп отображает сайт: не влазят блоки сайта и рушится отображение всего сайта.

На втором – как остальным людям под Виндой отображается сайт: всё окей с отображением.

 

Бывшие создатели сайта мне отписали – что в Linux немного по-другому отображаются шрифты (указали: font rendering) и из-за этого возможно и рушится отображение всего сайта.

 

Меня беспокоит Вопрос – что может проблема всё таки у меня с компУтером-или-Линуксом какая-то? Потому что и на некоторых других сайтах также не всё вмещается в экран – и происходит либо обрезка картинок; либо рушится отображение всего сайта.

 

Например, 3-ий скриншот – обрезаются нижние картинки из drop-down меню vs-sport.lt (и нет никакой возможности прокрутки вниз).

4 скриншот — обрезка иконок слева страницы vs-sport.lt/lt/196-sportin%C4%97s-dangos

 

И вобще как понимать - проблемы из-за Линукса, меня, или разрабов: когда встречается кривое отображение сайтов? Особенно интересует - может ли такое быть: что проблема таится Только в моём собственном компе/софте; а у всех остальных нормальный вид сайта?

 

P.S. http://quirktools.com/screenfly Сервис для просмотра сайтов в разных размерах экрана — такого типа все бесплатные онлайн сервисы фейковые? Эти сервисы возвращают мне такой же вид сайтов, как и в моём браузере.

Прикрепленные файлы

•  1 скриншот Плохой.jpg   81,37К   0 Количество загрузок:
•  2 скриншот Хороший.jpg   95,01К   0 Количество загрузок:
•  3 скриншот.jpg   116,16К   0 Количество загрузок:
•  4 скриншот.jpg   110,89К   0 Количество загрузок:

[akaars]

Ничего не понимаю в вебе и вёрстке, но: может ли это быть из-за плагинов каких-то? "чистые" фаерфокс и хром тоже криво отображают? Ощущение от скриншотов, как будто браузер отказывается адаптировать адаптирующийся сайт ;)

У меня из под Федоры на экране в 24" при разных размерах окна не воспроизводится, попробую дома на лапте с Убунтой, любопытства ради.

[aviskase]

У меня была (и есть) очень похожая проблема в FF. Причем и на линуксе, и на винде. Воспроизводилось на моем и мужненом ноутбуках. Скорее всего дело в сочетании шрифтов + разрешение, ибо на десктопе воспроизвести не удалось. FF по неведомой причине "расширяет" шрифты на определенных разрешениях. Как с этим бороться - не знаю.

[Dalay_LAMO]

С большой долей вероятности проблема не в шрифтах а в неадаптивной вёрстке. Юнити-панель слева отжирает пикселей 30 и получается ширина экрана не 1366, а ~1335 и по всей видимости вёрстка к этому не готова. Используйте средства разработчика (в разделе Emulation можно задать интересующее разрешение экрана) в Хроме - они позволяют увидеть, как выглядит сайт на любом разрешении. Если и там будет ехать - значит, проблема в вёрстке.

[akaars]

С большой долей вероятности проблема не в шрифтах а в неадаптивной вёрстке. Юнити-панель слева отжирает пикселей 30 и получается ширина экрана не 1366, а ~1335 и по всей видимости вёрстка к этому не готова. Используйте средства разработчика (в разделе Emulation можно задать интересующее разрешение экрана) в Хроме - они позволяют увидеть, как выглядит сайт на любом разрешении. Если и там будет ехать - значит, проблема в вёрстке.

А в случае проблемы с неадаптивной вёрсткой разве изменение размеров окна браузера не должно было бы приводить к такому же поведению?

ЗЫ

Проверить дома не удалось, извиняюсь. Не успель :)

[akaars]

Воспроизвелось на Убунте один к одному. Юнити-панель не при чём - я её закрыл. Значит, или фонты, или плагин какой-то. Логичнее, что фонты :)

Вопрос в том, что надо: отрепортить баг, или найти workaround :)

[aviskase]

Проблема с www.maistobankas.lt именно с адаптивностью. За верхнее меню отвечает div#qm0 . Я в dev tools поменяла у него width: auto; на width: 100%; и оно все магически влезло =) Только теперь немного правая часть "поехала" из-за паддингов и прочего. Так что это так, dirty hack для примера.

 

UPD: либо еще лучше. width у div#qm0 не менять, но убрать правый padding.

 

 

(и не надо линуксы ругать, у меня и на вин7 воспроизвелось)

[akaars]

(и не надо линуксы ругать, у меня и на вин7 воспроизвелось)

А никто и не ругает. Просто странно, что у меня в Винде не воспроизвелось. Так в чем же фишка? В разрешении экрана, или в размере окна?