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; }
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||||
|
|
||||||
html { scroll-behavior: smooth; }
|
html {
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
overflow-x: hidden;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background: var(--bg);
|
background: var(--bg);
|
||||||
@ -37,10 +41,13 @@ body {
|
|||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
text-rendering: optimizeLegibility;
|
text-rendering: optimizeLegibility;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100vw;
|
||||||
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
img, svg { max-width: 100%; height: auto; }
|
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 { color: var(--accent); text-decoration: none; transition: opacity 0.2s; }
|
||||||
a:hover { opacity: 0.7; }
|
a:hover { opacity: 0.7; }
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user