Jump to content
  • 0

talgautb
 Share

Question

Друзья, буду краток:

в принципе, по долгу службы вчстречался с фиксированными шаблонами/макетами

Но было все хорошо, пока не увидил сайты на широкоформате 21,5 дюйма, все выглядело хорошо, в плане верстки, но сайт был печальным :)

Теперь вопрос по разрешениям экрана. На какой делать упор основной? (в принципе можно посмотреть по статистике)

Я вот подумываю о таком действии:


.class {
width:75%(90% ?);
max-width:1200px;
min-width:768px;
}

для меньше 768px идет адаптивная верстка и т.д.

У какого какие мысли? может ссылки на литературку по этому вопросу?

Заранее спасибо

з.ы. напримере, портального типа.

Link to comment
Share on other sites

6 answers to this question

Recommended Posts

  • 0

Всегда ограничиваю в ~1200, иногда чуть больше.

Вообще надо от сайта смотреть. Если сайт типа:

http://www.raven-photography.nl/

http://yvanrodic.com/

http://www.theworkcycle.com/

http://www.k2.pl/#!/pl/realizacje/

то там можно, нужно ничего не ограничивать.

В большинстве случаев хватает 1200-1400)

Link to comment
Share on other sites

  • 0
Вообще надо от сайта смотреть.

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

Link to comment
Share on other sites

  • 0

сам порядка недели сидел вечерами и пытался понять какие дисплеи в приоритете. Статей толковых для теликов не нашел

вот сайт который мне посоветовали для просмотра тенденций экранов

http://gs.statcounter.com/#resolution-ww-monthly-200903-201203

самое подходящее что нашел это вот эту статью на хабре

http://habrahabr.ru/post/125247/

для себя лично решил что буду делать по онлайн шаблонам вот этого тестового сайта:

http://quirktools.com/screenfly/

если уж заказчику будет что-то более конкретное то можно воспользоваться этим сайтом

http://screenqueri.es/

вообще телевизоры все сельнее начинают входить в обиход, как и мобильные дивайсы. и по мне (записал в блокнотике =) ) надо изобритать какой-то новый подход для них. уж слишком много свободного места на телевизорах простаивает в пустую (хоть в две колонны выводи как газету) так что тут поля действия для креатива не пахано)

Link to comment
Share on other sites

  • 0

Если подходить академически правильно, то надо через вьюпорты или clientWidth что-то менять, а вообще адаптивная верстка уже давно до нас придумана. С Вашим подходом, подозреваю, надо делать хотябы 1 резиновый элемент уже внутри скелета сайта, всегда ли это будет допустимо?

  • Like 1
Link to comment
Share on other sites

  • 0

Если подходить академически правильно, то надо через вьюпорты или clientWidth что-то менять, а вообще адаптивная верстка уже давно до нас придумана. С Вашим подходом, подозреваю, надо делать хотябы 1 резиновый элемент уже внутри скелета сайта, всегда ли это будет допустимо?

речь как раз об адаптивной верстке и идет ;)

другое дело какие разрешения использовать, ограничивать max-width в 1000 или 1200px ? или же оставить бесконечно резиновый, да бы удобно было с широкоформатом, например в 27 дюймов + ко всему сейчас тв идет с браузерами О_о

В общем, задумался я над этим и решил узнать кто-как использует и применяет

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By relocker
      Пару недель повисел на сайте, почитал статьи. Решил попробовать сверстать несложный сайт.Не всё так просто, как казалось.
      вот макет сайта https://googledrive.com/host/0B8AjTYm85ggoOWIzVGFwYTMtbFE/. Шапку с грехом пополам сверстал вроде. А дальше дело не особо пошло. В частности не могу понять почему не добавляются поля padding класса .wrapper. Думал сделаю обёртку чтобы текст не прилипал к границе слоя, но что-то не выходит. Вроде использую верное решение  с сайта http://htmlbook.ru/samlayout/tipovye-makety/rezinovyi-dvukhkolonochnyi-maket. Вот моя недоделка https://googledrive.com/host/0B8AjTYm85ggoSjgyX29HOEJIYzQ/maket.html . Пытался сам понять что не так, в итоге сделал тестовую страничкуhttps://googledrive.com/host/0B8AjTYm85ggoSjgyX29HOEJIYzQ/test.html на которой тот же принцип срабатывает, а у меня нет. В тесте блоку <div class="s6"> соответствует мой wrapper. Кто увидит грубейшие ошибки и тыкнет носом заранее спасибо.
       P.S. Если тема не в том разделе или я неясно выражаюсь что не работает, то дайте знать. Заранее спасибо.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy