How to make a website compatible for both pc andphone resolutions ?

Question

I want to learn those codes and tags and how they work #help

Answer 1

media queries or analogical measurment units such as % and vw,vh in CSS part.

Answer 2

Another solution is to use responsive web frameworks like bootstrap, bulma etc.

Answer 3

You might also want to consider a specific subdomain like m.mydomain.com and serve that version of the website to mobile users. I use media queries but that method can be better in some circumstances.

Answer 4

make responsive pages

instead of using px val you can use%
and also some stuffs like parallex and ect.....ect....

Answer 5

Responsive Web Design (RWD) is something that takes a bit of practice to get right. As many have already suggested, you'll want to learn about CSS media queries, using relative units like '%' or the more common relative unit 'em'.

Starting with strong frameworks will help you get familiar with building responsive websites supporting multiple view ports (screen dimensions).

You'll also want to learn about concepts such as mobile first progressive enhancement, which essentially is the practice of building your site for the smallest screen sizes first and then progressively supporting tablets, then desktops. This approach has proven to be the most maintainable and easiest in the long run.

Here are some links that might help:

https://developers.google.com/web/fundamentals/design-and-ux/responsive/

Answer 6

it's better that to do with js,css ..but should know about css