Нужна помощь дизайнера

Печать RSS
505
Николай 22.08.2012 / 12:33
Лузер PHP
0
10. Vantuz, экран 320х480! шрифт стоит мелкий! если меняю на большой то искажение еще больше...
Прикрепленные файлы:
screenshot_2012-08-22_1239.png
screenshot_2012-08-22_1239.png (50.8Kb)
I
iNeeXT 22.08.2012 / 13:10
Пришелец
0
10. Vantuz, в класс .img добавь
max-width: 100%;
height: auto;

чтобы он уменьшался на моб. устройствах

Добавлено через 01:02 сек.
И в .twelve .panel нужно уменьшить padding
I
iNeeXT 22.08.2012 / 14:13
Пришелец
0
вот тут - http://mattkersley.com/responsive/ можно посмотреть как будет выглядеть адаптивный дизайн
Вантуз-мен 22.08.2012 / 16:00 Автор
Господин ПЖ
0
12. iNeeXT, пока у себя сделал так
@media only screen and (max-width: 767px) {
.panel {
	margin: 0px 0px 14px;
	padding: 10px;
} 
.nav-bar { margin-top: 0px; }
}
Но этот стиль ON OFF все равно портиться на маленьком экране

у картинки стоит 
.avatar {
	border-radius: 5px;
	background-color: #fff;
	border: 1px solid #ccc;
	float: left;
	padding: 1px;
	margin : 1px 5px 1px 1px;
 	height: auto;
}
I
iNeeXT 22.08.2012 / 16:28
Пришелец
0
14. Vantuz, думаю если сделать padding: (4-6)px; не будет искажаться.
Вантуз-мен 22.08.2012 / 23:21 Автор
Господин ПЖ
0
11. ritlen, поправил проверь
I
iNeeXT 22.08.2012 / 23:35
Пришелец
0
16. Vantuz, http://prntscr.com/e87o1/direct
М
Макс 24.08.2012 / 03:18
Транклюкаторщик
0
Вид с планшета, вроде удобно и красиво
Прикрепленные файлы:
b3a224376676e615c993aa1533e3b1b1.jpg
b3a224376676e615c993aa1533e3b1b1.jpg (291.86Kb)
ae218cd742084341d5f33e0cf1ba7697.jpg
ae218cd742084341d5f33e0cf1ba7697.jpg (172.63Kb)
Изменил: Макс (24.08.2012 / 03:19)
Ю
юЮЮфюв 24.08.2012 / 11:47
deleted
0
Сорри за оффтоп, дайте линк на русский мануал по zurb.
I
iNeeXT 26.08.2012 / 14:59
Пришелец
0
19. Daniil.Laptev, его наверно нету. На оф. сайте в доках все отлично понятно.
Стикеры / Теги / Правила / Топ тем / Топ постов / Поиск