html5 - How i can disable horizontal scroll in responsive layout

Question

My layout is responsive, but if I change the size of the page it gets all messy. I wonder how do I put a min-width on my body. so that the page can be resize to eg 500px wide.

PS:

I try set

body {
    min-width:400px;
}

but no work

I use bootstrap

The problem is when I go to change the size of my window (page). when I leave the width very small components are misaligned.

put min-width on the body?

Tomer
– Tomer

2013-06-11 20:47:37 +00:00
Commented Jun 11, 2013 at 20:47 — Tomer
– Tomer, Commented Jun 11, 2013 at 20:47
no have effect, i use bootstrap, it has influence?

user2403131
– user2403131

2013-06-11 20:48:50 +00:00
Commented Jun 11, 2013 at 20:48 — user2403131
– user2403131, Commented Jun 11, 2013 at 20:48

Tomer · Accepted Answer · 2013-06-11 20:51:56Z

1

You need to inspect the element with chrome/FF dev tools and make sure that bootsrap styling is not overriding your style. You can also try this:

 body {
    min-width:400px !important;
}

if that works, it means bootsrap is overriding the style.

answered Jun 11, 2013 at 20:51

Tomer

17.9k17 gold badges82 silver badges139 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user2403131 Over a year ago

I can block resize of my page ?

Tomer Over a year ago

blocking resize all together is not a good idea, and also neglets the need for responsive design. you can limit the minimum size that fits your goals (i.e. doesn't break the layout) by setting the min-width, play with the site and see at what size it breaks and that is your limit.

Russell Zahniser · Accepted Answer · 2013-06-11 20:52:27Z

0

You can't really control the width of the <body> element, since it must fill the browser window. Try wrapping your content in a <div> with a min width.

answered Jun 11, 2013 at 20:52

Russell Zahniser

16.4k41 silver badges31 bronze badges

1 Comment

Tomer Over a year ago

That is not true, you can set the body width same as every other element

Josh · Accepted Answer · 2013-06-11 21:01:23Z

0

Either your can give parent div for the layout with fixed width, then scroll bars comes if reduces the browser size, There won't be any mess.

it won't be no use controlling body width

another way give percentage value for the width size to maintain the layout structure

answered Jun 11, 2013 at 21:01

Josh

1,0592 gold badges13 silver badges25 bronze badges

Collectives™ on Stack Overflow

html5 - How i can disable horizontal scroll in responsive layout

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related