html - Horizontal scroll on mobile safari -
i want create page black box in middle, has 30px of padding on left , right hand side.
the following code works on desktop browsers without having horizontal scroll, on mobile safari can scroll left , right. how prevent horizontal scroll?
i have tried adding overflow: hidden body, outer div , inner div, doesn't seem help.
<!doctype html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width" /> <title>hello world</title> </head> <body style="margin:0;padding:0;"> <div style="padding:0 30px"> <div style="background-color:#000;height: 50px;"> </div> </div> </body> </html>
ok, answer wrap div padding on div.
<body style="margin:0;padding:0;"> <div> <div style="padding:0 30px"> <div style="background-color:#000;height: 50px;"> </div> </div> </div> </body>
Comments
Post a Comment