fix(css): bloque scroll horizontal mobile (overflow-x html + width 100vw body)
This commit is contained in:
parent
8bd91d9f26
commit
e1a6c15052
11
style.css
11
style.css
@ -25,7 +25,11 @@
|
||||
|
||||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
|
||||
html { scroll-behavior: smooth; }
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
overflow-x: hidden;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
background: var(--bg);
|
||||
@ -37,10 +41,13 @@ body {
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-rendering: optimizeLegibility;
|
||||
overflow-x: hidden;
|
||||
width: 100%;
|
||||
max-width: 100vw;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
img, svg { max-width: 100%; height: auto; }
|
||||
code, pre { word-break: break-word; overflow-wrap: anywhere; }
|
||||
code, pre { word-break: break-word; overflow-wrap: anywhere; max-width: 100%; }
|
||||
|
||||
a { color: var(--accent); text-decoration: none; transition: opacity 0.2s; }
|
||||
a:hover { opacity: 0.7; }
|
||||
|
||||
Loading…
Reference in New Issue
Block a user