Acredito que a imagem vai ilustrar melhor minha duvida, consegui "resolver" a situação usando
html{
font-size: 1.2rem;
overflowX: hidden;
}mas é o correto ? ou tem outra saída ?
Solucionado
Acredito que a imagem vai ilustrar melhor minha duvida, consegui "resolver" a situação usando
html{
font-size: 1.2rem;
overflowX: hidden;
}mas é o correto ? ou tem outra saída ?
É o correto. Só é possível evitar esse problema se for possível usar a função skew em apenas um canto do retângulo. Daí nós entortaríamos os dois cantos superiores do retângulo de forma que ele se encaixasse na página, mas não sei se a função skew possibilita isso. Porém, sendo possível, bastaria dar um skew de 45 graus nos vértices superiores.
Comigo aconteceu o mesmo, copiei este código e não deu certo, meu editor (Sublime Text 3) sequer reconheceu o "overflowX" como propriedade. Só deu certo quando alterei para "overflow-x" (com hífen e x minúsculo). É algum problema de editor/navegador ou só uma questão de grafia mesmo?
O correto é overflow-x:, não existe a propriedade overflowX.