Jump to content
  • 0
Sign in to follow this  
brandonlang

Верстка в точке остановки в браузере отображается не корректно

Question

brandonlang    1

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.  в точке остановки 480 все элементы корректно расставлены, но при импорте в браузер при том же разрешении все элементы сбились. Как понять в чем дело? 

Share this post


Link to post

15 answers to this question

Recommended Posts

  • 0
1 час назад, brandonlang сказал:

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.  в точке остановки 480 все элементы корректно расставлены, но при импорте в браузер при том же разрешении все элементы сбились. Как понять в чем дело? 

Нет никакой проблемы в этой точке остановки. (Надо не скриншоты давать в таких случаях, а ссылку на сайт)

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке.

Но в целом, у вас куча ошибок. Например скошенные блоки, выходящие за пределы сайта, просто не допустимо использовать в отзывчивой верстке. Они не изменяются.  Их вообще не желательно использовать, даже в фиксированном макете, так как они пиксилизированные, плохого качества.  Лучше это делать в фотошопе и заливать прямоугольники 100% ширины.
Много пущено на самотек. Например от 700 до 480 px вообще всё плохо. Отзывчивый дизайн требует инженерного мышления и изучения свойств объектов и того как они двигаются

Share this post


Link to post

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0
33 минуты назад, brandonlang сказал:

Получается надо больше точек остановки делать?

Ни в коем случае. Основной принцип - как можно меньше точек остановки. Просто надо контент так компоновать что бы не делать лишних точек остановки. А для этого надо сначала изучить то, как сжимаются различные объекты и какие свойства лучше применять в том или ином случае. Это как головоломка, которую надо решать)). В отзывчивом дизайне нельзя делать многое из того, что можно делать в фиксированном дизайне

Share this post


Link to post
  • 0
brandonlang    1

Тогда получается фиксированный дизайн делать удобнее и выгоднее. Но как тогда фиксированный дизайн просматривать на мобильных устройствах?
 

Share this post


Link to post
  • 0
21 минуту назад, brandonlang сказал:

Тогда получается фиксированный дизайн делать удобнее и выгоднее. Но как тогда фиксированный дизайн просматривать на мобильных устройствах?
 

Альт. макеты - планшет, телефон. И при условии, что по сути надо делать 3 сайта - это быстрее чем сделать один отзывчивый сайт

Share this post


Link to post
  • 0
brandonlang    1

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке. сделал 3 макета. Компьютер 960, планшет 768, телефон 380. Но почему-то у меня весь контент в 2 последних макетах прижимается к левому краю и не масштабируется на телефоне

Share this post


Link to post
  • 0
brandonlang    1

Я в планшете и телефоне удалил косые блоки темные и все стало норм масштабироваться. 

Share this post


Link to post
  • 0
brandonlang    1

Но с другой стороны эти широкие полосы я запрещаю к прокрутке по горизонтали..... почему не срабатывает такой способ?

<style type="text/css">
body {overflow-x: hidden;}
</style>

Share this post


Link to post
  • 0
1 час назад, brandonlang сказал:

Но с другой стороны эти широкие полосы я запрещаю к прокрутке по горизонтали..... почему не срабатывает такой способ?

Этот код скрывает скроллинг, но не запрещает его и если макет криво сверстан, то он ничем не поможет. Мало того, этот код вообще не стоит использовать, так как пользователь с меньшим экраном просто не сможет посмотреть часть контента вашего сайта

Share this post


Link to post
  • 0
kubric    1
В 06.04.2016 в 13:15, brandonlang сказал:

То есть будет три макета 960-768-380 по сути?

Почему именно такие размеры? Многие останавливаются на 320-640-960.

И если моб. версию делать не с помощью точек остановки, то как? Можно ли в новой версии вернуть в окне проекта кнопки отображения страниц?

Здесь ссылка, но видят ее только участники клуба. Вступите в клуб по этой ссылке./applications/core/interface/imageproxy/imageproxy.php?img=http%3A%2F%2Fs020.radikal.ru%2Fi716%2F1604%2Fed%2Fc3119171f6f1.jpg&key=859d9cbecfb03eba208fbcc4d00b34e348188ded46f2325f1d72be43864bb447" alt="c3119171f6f1.jpg" />

Share this post


Link to post
  • 0
2 часа назад, kubric сказал:

И если моб. версию делать не с помощью точек остановки, то как? Можно ли в новой версии вернуть в окне проекта кнопки отображения страниц?

Создать новый проект с фиксированной шириной. Меню страница / добавить альтернативный макет

Share this post


Link to post
  • 0
kubric    1
В 07.04.2016 в 15:32, brandonlang сказал:

Я в планшете и телефоне удалил косые блоки темные и все стало норм масштабироваться. 

А что за косые блоки? Та же проблема.

9 часов назад, Павел Хомерики сказал:

Создать новый проект с фиксированной шириной. Меню страница / добавить альтернативный макет

То есть получается и макеты для телефона и планшета нужно создавать с фикс. шириной? А что касаемо вопросов? Почему muse по стандарту рекомендуют такие использовать, если минимальная ширина смартфонов 320рх, получается у них будет часть не видна?

Share this post


Link to post
  • 0
7 часов назад, kubric сказал:

Почему muse по стандарту рекомендуют такие использовать, если минимальная ширина смартфонов 320рх, получается у них будет часть не видна?

На других разрешениях масштабируется. Почему 320? - потому что в большинстве случаев - это минимальная ширина смартфона. При создании контента под эту ширину, он точно будет читаемым на больших разрешениях. А вот если создавать под большую ширину, то на меньших разрешениях контент (текст) будет нечитаемым (мелким). Устройств и разрешений сотни. На чем то же надо было остановиться))

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...