С Телефона Ужасно Смотрится...
#1
Отправлено 25 Сентябрь 2014 - 22:34
#2
Отправлено 26 Сентябрь 2014 - 13:32
#3
Отправлено 26 Сентябрь 2014 - 16:58
#4
Отправлено 27 Сентябрь 2014 - 21:26
#8
Отправлено 27 Сентябрь 2014 - 21:52
#9
Отправлено 28 Сентябрь 2014 - 07:20
Alan (27 Сентябрь 2014 - 21:52) писал:
.hph1 { margin-top: 14px; margin-left: 720px; }заменить на
.hph1 { margin-top: 14px; }или, если принципиально, чтобы номер телефона отображался справа - в конце шаблона main.css добавьте код
@media only screen and (max-width: 900px) { .hph1 {margin-left: 600px;}} @media only screen and (max-width: 791px) { .hph1 {margin-left: 500px;}} @media only screen and (max-width: 681px) { .hph1 {margin-left: 400px;}} @media only screen and (max-width: 580px) { .hph1 {margin-left: 0px;}}
#10
Отправлено 28 Сентябрь 2014 - 11:27
daria_dnk (28 Сентябрь 2014 - 07:20) писал:
.hph1 { margin-top: 14px; margin-left: 720px; }заменить на
.hph1 { margin-top: 14px; }или, если принципиально, чтобы номер телефона отображался справа - в конце шаблона main.css добавьте код
@media only screen and (max-width: 900px) { .hph1 {margin-left: 600px;}} @media only screen and (max-width: 791px) { .hph1 {margin-left: 500px;}} @media only screen and (max-width: 681px) { .hph1 {margin-left: 400px;}} @media only screen and (max-width: 580px) { .hph1 {margin-left: 0px;}}
#11
Отправлено 28 Сентябрь 2014 - 11:36
Alan (28 Сентябрь 2014 - 11:27) писал:
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
#13
Отправлено 28 Сентябрь 2014 - 14:43
Alan (28 Сентябрь 2014 - 11:39) писал:
/* Адаптивность шаблона */
и удалите после нее весь код до строки
/* END Адаптивность шаблона */
Но следует иметь в виду, что после этих действий отображение на мобильных устройствах не будет корректным.
Если Вас в текущей реализации адаптивности шаблона не устраивает что-то конкретное, напишите об этом подробнее, при возможности приложите скриншот.
#14
Отправлено 28 Сентябрь 2014 - 21:34
#16
Отправлено 29 Сентябрь 2014 - 07:21
Alan (28 Сентябрь 2014 - 21:34) писал:
1) У нас на мобильных устройствах отображается четко, Вы каким телефоном пользуетесь.
2) Если сделать в 1 строчку меню то у вас при заходе через компьютер меню будет растянутом, если вы хотите попробовать то используйте код ниже.
В style.css допишите в конце
@media only screen and (max-width: 480px) {width: 100%;}
#17
Отправлено 29 Сентябрь 2014 - 09:25
batta (29 Сентябрь 2014 - 07:21) писал:
1) У нас на мобильных устройствах отображается четко, Вы каким телефоном пользуетесь.
2) Если сделать в 1 строчку меню то у вас при заходе через компьютер меню будет растянутом, если вы хотите попробовать то используйте код ниже.
В style.css допишите в конце
@media only screen and (max-width: 480px) {width: 100%;}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных