No page resize | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
- 2

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.

7th Feb 2017, 7:09 PM
Hassan Ejaz
Hassan Ejaz - avatar
5 Answers
+ 5
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 ^^
8th Feb 2017, 2:21 AM
visph
visph - avatar
+ 2
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
7th Feb 2017, 8:09 PM
Patricio Salazar
Patricio Salazar - avatar
+ 2
not everyone has the same screen size is the same as yours. it might take extra work, but you should have your webpage adapt!
7th Feb 2017, 8:15 PM
Jeremie
Jeremie - avatar
+ 1
Try to study responsive sites and you will know what to do!
7th Feb 2017, 8:24 PM
Jônatas Araripe
Jônatas Araripe - avatar
0
best approach is to use the responsive user interface
30th Jun 2017, 6:04 PM
Imran Hussain