Переполнение-x: скрыто; на мобильном устройстве не работает ⇐ CSS

[Anonymous]

Надеюсь, вы, ребята, сможете мне помочь, потому что я, кажется, не могу уложить в голове это. Я создаю одностраничный сайт, который работает нормально, за исключением одного: overflow-x: скрыт в области просмотра планшета (и, вероятно, на смартфоне тоже, еще не проверял)

Несмотря на то, что тело имеет тело {overflow-x:hidden;, которое отлично работает в обычных браузерах на ПК, я могу сдвинуться в сторону примерно на 25 пикселей или около того, потому что это переполнение моего повернутого div, что выпирает из экрана, что я хотел скрыть.

Есть ли способ это исправить? Ниже я предоставил часть заголовка и html/css

метатег области просмотра.

Код: Выделить всё

CSS применяется к медиазапросам и соответствующим элементам, которые переполняются

Код: Выделить всё

@media only screen and (max-width: 992px){
#skills, #experience    {overflow-x:hidden;}
}
@media (max-width: 479px){
body                    {overflow-x:hidden;}
}

И обычный CSS, примененный к тегам html/body

Код: Выделить всё

body, html  {height: 100%;width: 100%;font-family: 'Source Sans Pro',Helvetica,Arial,sans-serif;color: #757575; overflow-x:hidden;}

Идентификаторы #skills и #experience имеют класс .hoek, который определяется следующим образом и вызывает переполнение.

Код: Выделить всё

    .hoek    {margin: 0 -50px;
-webkit-transform-origin:left center;
-moz-transform-origin:left center;
-o-transform-origin:left center;
-ms-transform-origin:left center;
margin-top: -175px;
-webkit-transform:rotate(5deg);
-moz-transform:rotate(5deg);
-o-transform:rotate(5deg);
-ms-transform:rotate(5deg);
z-index: 20;
}

Я должен отметить, что #skills и #experience являются разделами, а не элементами div. Я не уверен, может ли это быть проблемой в коде, но я так не думал. Если вам нужна дополнительная информация, дайте мне знать, но я думал, что уже рассмотрел здесь основы.

Я не знаю, с чего начать со скрипкой, поэтому Я предоставляю вам только тестовую ссылку на сайт: http://www.jellyfishwebdesign.nl/Joost/index.php

Подробнее здесь: https://stackoverflow.com/questions/241 ... ot-working