Кто-нибудь когда-либо пытался конвертировать сайт на мобильный и натолкнулся на пробел на странице, который они не могут найти или удалить?Невидимый элемент на странице, которую я не могу найти
Обычно это либо явная проблема, либо проблема с поплавком, но в этом случае я вообще не могу найти. Кажется, это только на мобильных телефонах. Может кто-нибудь сможет помочь? Заранее спасибо :)
Вы имеете в виду корзины и языковых элементов? Если это так, вероятно, потому, что ширина всех элементов в заголовке больше ширины окна. Попробуйте вносящий изменения в ширину элементов с запросами средств массовой информации, когда размер экрана падает ниже определенной ширины ...
@media(max-width: 350px){
selector{
attribute:rule
}
}
Julian - спасибо за ваш ответ. Проблема была в окне просмотра. Это не было в сценарии:
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
После того, как я положил, что, экран отображается как намеренное на мобильные телефоны и IPADS. Начальный материал, но иногда вы забыли основы :)
Привет Джулиан, Спасибо за ответ - очень высокую оценку :) Да, я использую медиа запросов - для мобильного устройства это ниже: только @media экран и (max-device-width: 550px) {} Кажется, не имеет никакого значения. Если вы просматриваете страницу на мобильном телефоне, вы можете переместиться вправо с разрывом. Я пытаюсь сделать так, чтобы баннер заполнял страницу, но при наличии пробела она масштабирует страницу, чтобы разместить слайдер и пробел. – ion
проблема с переполнением-x? –
если это так, вы можете попытаться заставить ширину тела равным ширине окна с jquery (element.css ("width", xx + 'px')) и добавить overflow-x: hidden? –