Как успешно верстать? - Форум успешных вебмастеров - GoFuckBiz.com
 
 
Форум успешных вебмастеров - GoFuckBiz.com

  Форум успешных вебмастеров - GoFuckBiz.com > Бизнес-решения > Скрипты, программы и технические решения
Дата
USD/RUB93.4409
BTC/USD66721.9347
Скрипты, программы и технические решения Обсуждаем скрипты, программы и новые технологии.

Закрытая тема
Опции темы Опции просмотра
Старый 26.12.2012, 13:47   #1
TerVer
Senior Member
 
Аватар для TerVer
 
Регистрация: 14.09.2007
Сообщений: 740
Бабло: $73721
По умолчанию Как успешно верстать?

Hi!
кто-нибудь реализовывал верстку под разный размер ОКНА?
Не резиновую.
Как браузеры маштаб реализуют? Они считают пиксель увеличенным? или как?

Ткните носом, плиз, в литературу для нюбов, а не проф верстальщиков и скажите какие подводные камни при таком подходе.
TerVer вне форума  
Старый 26.12.2012, 14:25   #2
arma
Пионер
 
Аватар для arma
 
Регистрация: 21.12.2007
Сообщений: 197
Бабло: $37745
По умолчанию

Responsive и Media queries гугли.
arma вне форума  
Старый 26.12.2012, 18:13   #3
Алёша
Ебланнед
 
Регистрация: 30.03.2012
Сообщений: 176
Бабло: $177310
По умолчанию

Цитата:
Сообщение от TerVer Посмотреть сообщение
кто-нибудь реализовывал верстку под разный размер ОКНА?
Не резиновую.
fixed в пикселях задаётся
так многие делают
Алёша вне форума  
Старый 27.12.2012, 19:02   #4
lol
Advanced member
 
Аватар для lol
 
Регистрация: 04.05.2007
Сообщений: 4,337
Бабло: $458645
По умолчанию

Указываю ширину в % все отлично отображается на всех устройствах

Примерно так:

.col-380 {
width: 40.425531914894%;
}

.col-460 {
width: 48.936170212766%;
}
__________________
Лучшее ФАРМА решение для ЕВРОПЫ: API, 29 языков, внутренний чекаут, 0% крипта!
lol вне форума  
Старый 27.12.2012, 19:27   #5
flo0
Senior Member
 
Аватар для flo0
 
Регистрация: 24.04.2007
Адрес: Красноярск
Сообщений: 358
Бабло: $50640
По умолчанию

Цитата:
Сообщение от lol Посмотреть сообщение
Указываю ширину в % все отлично отображается на всех устройствах

Примерно так:

.col-380 {
width: 40.425531914894%;
}

.col-460 {
width: 48.936170212766%;
}
Так это резиновая.

А под разные устройства нужно прописывать размеры для каждого блока разрешений. Типа

Код:
@media (min-width: 768px) and (max-width: 979px) {
     для такого-то разрешения...
}

@media (max-width: 480px) {
    для другого разрешения...
}
Проще не трахаться с нуля, а взять, например bootstrap за основу.
__________________
PharmCash - Лучшие условия и профит в фарме. Hold-0, Refunds-0, Commission–50%, CPU+500. Google нас любит!
flo0 вне форума  
Старый 27.12.2012, 21:26   #6
somebody_
Senior Member
 
Регистрация: 05.09.2008
Сообщений: 606
Бабло: $124350
Отправить сообщение для somebody_ с помощью Telegram
По умолчанию

Цитата:
Проще не трахаться с нуля, а взять, например bootstrap за основу.
+100500 там уже все заложенно изначально ... продвинутые уже давно не верстают по простому, а юзают фреймворки типо бутстрапа ...
__________________
Пилю под Wordpress на php, html5, css3, jquery, since 2008 - wpmastering.pro
somebody_ вне форума