#21
Отправлено 16 Март 2017 - 10:35
#24
Отправлено 17 Март 2017 - 11:31
Danil (15 Март 2017 - 12:36) писал:
Изменения Вам произвел, проверьте, пожалуйста.
Так же создал бэкапы до и после.
когда установил значения для мобильной версии:
@media all and (min-width: 768px) {
.inbox1 {width:50%; float:left;}
.inbox2 {width:50%; float:right;}
в десктопной на главной столбцы опять почему-то сузились. Помогите пожалуйста.
#25
Отправлено 18 Март 2017 - 10:58
@media all and (min-width: 768px) { .inbox1 {width:70%; float:left;} .inbox2 {width:30%; float:right;} }
#26
Отправлено 18 Март 2017 - 11:09
metry (18 Март 2017 - 10:58) писал:
@media all and (min-width: 768px) { .inbox1 {width:70%; float:left;} .inbox2 {width:30%; float:right;} }
Изменил. При значениях 70 и 30 в браузере страница разворачивается, но правая колонка слишком широкая. Правильное значение для компьютера 79 и 21. Но в таком случае в телефоне картинки не разворачиваются на ширину экрана, хотя в img установлена ширина 100%.
Не понимаю почему значения для мобильников влияют на то как показывается страница в браузере на компьютере?
Вот полный блок колонок в css
.inbox {width:100%; float:left;}
.inbox1 {width:79%; float:left; padding-right:20px;}
.inbox2 {width:21%; float:right;}
@media all and (min-width: 768px) {
.inbox1 {width:70%; float:left;}
.inbox2 {width:30%; float:right;}
}
#27
Отправлено 18 Март 2017 - 17:21
#28
Отправлено 18 Март 2017 - 17:42
metry (18 Март 2017 - 17:21) писал:
Левый столбец шириной 79% должен примыкать к левому краю, а правый шириной 21% к правому. Отступ между ними 20px Сейчас правый столбец с отступом от правого края.
#29
Отправлено 18 Март 2017 - 18:51
Ast (18 Март 2017 - 17:42) писал:
Изменения произвёл
Левый столбец шириной 79%, правый шириной 21%.
В файле main.css код
/* Баннеры на главной */ .inbox {width:100%; float:left;} .inbox1 {width:79%; float:left;padding-right:20px;} .inbox2 {width:21%; float:right;} .inbox2 img {max-width:100%!important;height:auto!important;} @media all and (min-width: 768px) { .inbox2 {text-align: right;} }
#30
Отправлено 18 Март 2017 - 18:59
Mr.Nito (18 Март 2017 - 18:51) писал:
Изменения произвёл
Левый столбец шириной 79%, правый шириной 21%.
В файле main.css код
/* Баннеры на главной */ .inbox {width:100%; float:left;} .inbox1 {width:79%; float:left;padding-right:20px;} .inbox2 {width:21%; float:right;} .inbox2 img {max-width:100%!important;height:auto!important;} @media all and (min-width: 768px) { .inbox2 {text-align: right;} }
#31
Отправлено 05 Апрель 2017 - 10:05
#32
Отправлено 05 Апрель 2017 - 10:23
Ast (05 Апрель 2017 - 10:05) писал:
Изменения Вам произвел, проверьте, пожалуйста.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных