Как заблокировать ширину экрана для любого браузера?

Просто зайдите на этот тестовый веб-сайт: ltdcoapp.uphero.com, с вашего смартфона, а затем сдвиньте экран, чтобы увидеть, что находится справа, и проблема в том, что да экран скользит и показывает, что я пытаюсь скрыть правая сторона .Как заблокировать ширину экрана для любого браузера?

мои попытки до сих пор заключались в использовании body{overflow-x: hidden;}, который работает только с настольными браузерами.

не могли бы вы рассказать мне, что делать, чтобы предотвратить это?

PS: Я действительно не хочу, чтобы получить трафик на сайт, но это единственный способ, чтобы показать вам проблему легко

источник

2014-02-14 Writz

Если вы пытаетесь скрыть что-то, используйте 'display: none;' – RobinvdA

@ RobinvdA. Проблема в том, что она не скрыта, потому что ее слайд-шоу. – Writz

Вы можете попытаться скрыть это и показать это только в том случае, когда он должен скользить? – RobinvdA

У вас установлена соответствующая ширина с вашим переполнением: скрытое свойство?

Редактировать: Относительные значения, такие как 100% для вашей ширины, не будут работать (так как они также будут содержать правую часть экрана). Закрепить его абсолютных значений пикселов (в данном примере: 1024px):

body { 
    overflow-x: hidden 
    width: 1024px 
}

Это также может помочь добавить соответствующие окна просмотра мета-тегов в заголовке:

<meta name="viewport" content="user-scalable=no, width=1024px, initial-scale=1.0" />

Кроме того, было бы отключить прокрутку вообще быть решением? Disable scrolling in all mobile devices

источник

2014-02-14 12:27:52 dominikus

Да, но это также предотвращает вертикальные свитки. – Writz

Вы могли бы попробовать новые предложения (т. Е. Видовое окно, фиксируя ширину)? – dominikus

пробовал эту мета-линию с линией {width: 1024px} и без нее, ни одна из них не работала. Есть ли возможность предотвратить только горизонтальную прокрутку? – Writz

Вы можете иметь стиль вне тела. Осмотрите свой стиль с помощью инструмента «Информация о стиле Firefox».

источник

2014-02-14 12:16:56 good3n

У меня уже есть стиль снаружи тела, а инструмент информации о стиле firefox такой же, как инструмент контроля элемента хром. Даже с этими инструментами, что хорошо они могут сделать в этой ситуации? – Writz

Ну, вам нужно будет вернуть стиль внутрь. Он переполнен. – good3n

Да, это именно то, как я хочу этого, чтобы быть переполненным и, таким образом, скрытым, и как только он вернется с правой стороны, он не будет переполнен и, таким образом, виден. – Writz

Это предотвратит любой сенсорный ответ, который бесполезен в моей ситуации.

document.body.addEventListener('touchstart', function(e){ e.preventDefault(); });

Это будет очень умно, но проблема в том, что он предотвращает горизонтальную и вертикальную прокрутку.

document.body.addEventListener('touchmove', function(e){ e.preventDefault(); });

Это работает только для настольных браузеров.

body{overflow-x: hidden;}

Пробовал это несколько раз, и все это делают, чтобы предотвратить пользователя от масштабирования страницы, что полезно в какой-то момент, но не решает проблему прокрутки вправо.

<meta name="viewport" content="width=device-width; initial-scale = 1.0;user-scalable=no" />

Thx dominikus, вы, безусловно, помогли.

источник

2014-02-14 13:49:30 Writz

Как заблокировать ширину экрана для любого браузера?

ответ

Смежные вопросы