0 Пользователей и 1 Гость просматривают эту тему.
  • 9 Ответов
  • 738 Просмотров
*

Parashutt

  • Захожу иногда
  • 12
  • 0
Подскажите как адаптировать текст под разные мониторы? Это нужно где то ручками прописывать или же можно настроить в Warp framework? Шаблон yootheme helios.
http://quattro-garage.ru/
Еще хотелось бы выслушать ваши мнения по поводу недостатков сайта.
Заранее благодарю!
*

Lemady

  • Осваиваюсь на форуме
  • 85
  • 3
У вас он и так адаптируется под разрешение монитора, это настройка Wrap. Или поясните, что вы имели ввиду. Катательно самого сайта - в IE он развалился, а в Мозилле... Все свалено в одну кучу, а экран на четверть закрыт шапкой - вот общее впечатление. Что за меню в шапке? Это так задумано?
*

Parashutt

  • Захожу иногда
  • 12
  • 0
Да меню так и задумано. Сайт делали на мониторе 1920х1080. На нем все смотрится отлично.
Ну то есть текст размером 20px на разрешении 1920х1080 занимает не так много пространства монитора как на разрешении 1600х900. Из-за этого меню например переносится на вторую строчку, тогда как на 1920х1080 меню в одну строчку.
Нужно как то сделать текст пропорциональным разрешению.
*

kik84

  • Живу я здесь
  • 1278
  • 59
*

Parashutt

  • Захожу иногда
  • 12
  • 0
Вообщем можно ли где то прописать масштаб сайта для разных разрешений?
*

Parashutt

  • Захожу иногда
  • 12
  • 0
*

Shustry

  • Moderator
  • 6430
  • 735
  • Рисую дизайны
В WARP используется UIkit. Вся адаптивность задаётся прям в разметке. Подробнее здесь и здесь
Например, такая конструкция…

Код: html4strict
<div class="uk-grid">
<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
</div>

Будет работать так: на больших разрешениях 4 колонки, на стредних три, на малых — одна.

Или можно добавить класс uk-visible-small для скрытия элемента на малых экранах.
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

Parashutt

  • Захожу иногда
  • 12
  • 0
В WARP используется UIkit. Вся адаптивность задаётся прям в разметке. Подробнее здесь и здесь
Например, такая конструкция…
Код: html4strict
<div class="uk-grid">
<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
<div class="uk-width-large-1-4 uk-width-medium-1-3 uk-width-1-1"></div>
</div>

Будет работать так: на больших разрешениях 4 колонки, на стредних три, на малых — одна.

Или можно добавить класс uk-visible-small для скрытия элемента на малых экранах.
А можно ли как то, для каждого разрешения масштаб прописать? Просто, когда например заходишь с монитора 1600х900 все слишком крупно, но стоит в браузере уменьшить масштаб до 100% и все становится хорошо. А по умолчанию 125% стоит....
*

Parashutt

  • Захожу иногда
  • 12
  • 0
*

Shustry

  • Moderator
  • 6430
  • 735
  • Рисую дизайны
А можно ли как то, для каждого разрешения масштаб прописать? Просто, когда например заходишь с монитора 1600х900 все слишком крупно, но стоит в браузере уменьшить масштаб до 100% и все становится хорошо. А по умолчанию 125% стоит....
нет
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не пойму откуда выводится текст?

Автор sergei12

Ответов: 4
Просмотров: 145
Последний ответ 24.07.2017, 11:07:09
от rkron
Вывод различных модулей для разных доменов

Автор mufosali

Ответов: 7
Просмотров: 126
Последний ответ 23.06.2017, 22:54:20
от AlekVolsk
Шаблон плохо работает в разных браузерах

Автор kunsaid

Ответов: 1
Просмотров: 114
Последний ответ 13.06.2017, 22:51:21
от kunsaid
Helix3 template: мобильная адаптация сжимает текст влево почти в ноль

Автор lesovik

Ответов: 2
Просмотров: 336
Последний ответ 14.04.2017, 11:50:09
от lesovik
Как адаптировать карту Google?

Автор juvemen

Ответов: 8
Просмотров: 304
Последний ответ 21.03.2017, 00:00:19
от darkghost