mstdmstd пишет:При тестировании на Chrome на разных экстрамалых(320px) и малых ( 768px ) девайсах страницы по ширине сдвигаются влево/ вправо - как будто что-то распирает верстку по ширине. В инспекторе обьектов не увидел что распирает - вроде ширина не превосходит макс параметров ширины.
Доброе утро!
1.Попробуйте проверить на сервисе проверки CSS от W3C
http://jigsaw[dot]w3[dot]org/css-validat[dot][dot][dot]ing=&lang=ru
Выдаёт:
W3C результаты проверки CSS для http://ec2-34-212-140-26[dot]us-west[dot][dot][dot]zonaws[dot]com/login (CSS3)
К сожалению, мы обнаружили следующие ошибки (293)
затем подробно все детали.....
2. В Firefox посмотрел HTML-код и открыл Web-консоль.
У вас есть два div-контейнера с одинаковым именем.
CODE ( html):
скопировать код в буфер обмена
<div class="container"> <div class="container"> .................................... .................................... </div> </div>
Вы пишите о проблемах “на разных экстрамалых(320px) и малых ( 768px ) девайсах”
Посмотрите, пожалуйста, ниже фрагмент bootstrap.min.css. В нём я не нашёл @media (min-width:320px){}
Спойлер (Отобразить)CODE ( html):
скопировать код в буфер обмена
.container { position:relative; margin-left:auto; margin-right:auto; padding-right:15px; padding-left:15px } @media (min-width:576px) { .container { padding-right:15px; padding-left:15px } } @media (min-width:768px) { .container { padding-right:15px; padding-left:15px } } @media (min-width:992px) { .container { padding-right:15px; padding-left:15px } } @media (min-width:1200px) { .container { padding-right:15px; padding-left:15px } } @media (min-width:576px) { .container { width:540px; max-width:100% } } @media (min-width:768px) { .container { width:720px; max-width:100% } } @media (min-width:992px) { .container { width:960px; max-width:100% } } @media (min-width:1200px) { .container { width:1140px; max-width:100% } }
3. Так выглядит страница в браузере Safari 5.1.7 (PC, Windows 10) Прикреплено изображение (Нажмите для увеличения)
(Отредактировано автором: 28 Июля, 2017 - 08:26:48)
|