Форум Сайтостроение Веб-строительство

Как оптимизировать страницу под мобильный?

NAZO
На сайте с 03.03.2016
Offline
46
NAZO
826

Всем доброго времени суток. Подскажите пожалуйста. Есть сайт avtovykup-nsk .ru на мобильных устройствах отображается некорректно, как можно оптимизировать одностраничный сайт? Какой код прописать?:idea:

Лучший хостинг для сайта! От 10р в месяЦ (https://bill.cishost.ru/mancgi/partnerprogram?partner=8738&project=1") >>>ЭТО Лучшая партнерка ДЛЯ КиНоСаЙтОв!<<< (http://dreamcash.tl/?p=15075)
D.iK.iJ
На сайте с 26.05.2013
Offline
225
D.iK.iJ
#1

Убрать body {min-width: 960px;} Как минимум - на мобильном ;)

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
veleg
На сайте с 30.01.2011
Offline
142
veleg
#2
NAZO:
Всем доброго времени суток. Подскажите пожалуйста. Есть сайт avtovykup-nsk.ru на мобильных устройствах отображается некорректно, как можно оптимизировать одностраничный сайт? Какой код прописать?☝

Это что?? Сайт?

Пропишите

<meta name="viewport" content="width=device-width, initial-scale=1">

Для разных разрешений свои стили в css.

Фигачу Телеграм-ботов ( https://teleg.run/veleg )
A
На сайте с 19.07.2010
Offline
130
admak
#3

Как правильно сказали выше:

1. veleg: viewport

2. DiKiJ: Убрать body {min-width: 960px;}

3. 


.form {

	width: 483px;

заменить на

.form {

	max-width: 483px;

4. 


.form input[type="text"] {

	width: 396px;

заменить на

	width: 90%;

5. 


.btn_submit_form {

	width: 275px;

заменить на

.btn_submit_form {

	max-width: 275px;

	width: 90%;

6. подшаманить чуток чтобы машинки из 4-х в ряд становились в два ряда, а потом в один

если грубо, то вроде все.

Upd: 6-й пункт

в коде html замените 


<div class="col-md-3">

на

<div class="col-md-3 col-sm-6 col-xs-12">

и машинки начнут строиться. :)

ps: все, убёг...

.............
NAZO
На сайте с 03.03.2016
Offline
46
NAZO
#4
admak:
Как правильно сказали выше:

1. veleg: viewport
2. DiKiJ: Убрать body {min-width: 960px;}
3. 

.form {

	width: 483px;

заменить на

.form {

	max-width: 483px;


4. 

.form input[type="text"] {

	width: 396px;

заменить на

	width: 90%;


5. 

.btn_submit_form {

	width: 275px;

заменить на

.btn_submit_form {

	max-width: 275px;

	width: 90%;


6. подшаманить чуток чтобы машинки из 4-х в ряд становились в два ряда, а потом в один

если грубо, то вроде все.

Upd: 6-й пункт

в коде html замените 

<div class="col-md-3">

на

<div class="col-md-3 col-sm-6 col-xs-12">


и машинки начнут строиться. :)

ps: все, убёг...

Спасибо, помог!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий