网站宽度缩放

Question

I think I have done a bad thing. On my site http://NWGlobalVA.com I have been playing with the idea of having the site scale with the width of the browser. I have now realized that this is a bad idea because my Elements bunch up and it starts to look terrible.

My issue is that I have backed myself into a corner when it comes to making this thing rigid again so that it doesn't scale. Does anyone have any advice on how I should do the above? I imagine it's something simple however I can't seem to find a way to lock down the elements so that everything displays okay.

Answer 1

You are having class="bg" to your outermost div for contents. If you do some CSS tricks to this class, your problem may solve. Following are some options you can try out.

1] Remove margin-left: 200px; and margin-right: 200px; from the css of this class and see the result. It will make the site full width regardless of the device width.

2] Try giving CSS as width: 95%; and margin: 0 auto;

3] If you want to make your site fully device-friendly, Bootstrap is the best option.

4] If you want to go with current CSS rules then you can use Media Queries to handle the site dimensions according to the device. Here is the link for Media Queries for Standard Devices