How do i adjust my web page to be view in phones and computers?

Question

when ever I look at my web page on my computer, my phone, or another computer with a big screen it looks different. The image on the page are adjusted different. how do I fix that?

Answer 1

If you want that your page fit same whatever the device size/resolution, you need to think to it at begining of your design, else adaptation will be hardiest... depends also of complexity of actual layout/source code, and if a framework was used to make the page.

Anyway, getting a layout to display same disposition on all device size, just by adapt elements sizes ( to get page fit same ) is not a good idea, as you cannot have a good layout for smallest to largest device display available. You'll be better advice to design your page to make it fit different layouts according to ranges of display size, why not also to display orientation...

Answer 2

how do I do that

Answer 3

https://www.w3schools.com/css/css_rwd_mediaqueries.asp
check out this tutorial

Answer 4

Use percentages for widths so they scale down, and also use media queries in css, so that at different screen sizes, elements are styled for that size. Bootstrap is good for an example to how this works.

Answer 5

use media query to to change view in different screen size