How to fix content of my webpage?

Question

I have designed an webpage but the problem is that when I zoom in or out on the webpage using mouse wheel the contents of my website messed up and look totally drastic...but it is good on default resolution of browsers.. can any body tell me how to fix this bug I have googled but isn't find any appropriate solution...need help urgently..if any body can....😊

Answer 1

Without seing/testing your code, we cannot really tell you how to fix your bug ^^
Else all answers have high probabilities to not be adapted to your case :P

Answer 2

you need to build a responsive website which adjusts it's contents based on the screen size.
at the basic CSS level, start using % values instead of px values.
also consider using a grid based framework like foundation or bootstrap.