No page resize
is there a way to foce the browser to not resize my page. and if it is resized my ui don't mess up.
If you mean to not allow user to zoom in/out with fingers on touching devices, you can set a <meta> tag in your <head> section: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> ... 'maximum-scale' is for keep scale when user rotate device between landscape and portrait ^^
Your page won't resize if you hardcode the width and height of your html elements. However you don't want this. What you want is to learn how to deal with different screen sizes. Please read about CSS Media Queries. Media queries will adapt your CSS rules depending of the size of your Viewport. Give it a try, you'll be in the right path
not everyone has the same screen size is the same as yours. it might take extra work, but you should have your webpage adapt!
Try to study responsive sites and you will know what to do!
best approach is to use the responsive user interface