Jump to content

How to make my site responsive.


luke214

Recommended Posts

I've been thinking a lot about how to make all of my elements scale down with the size of someones device.

I've read up that adding <meta name="viewport" content="width=device-width, initial-scale=1"> is a good start, so i've done that.

I've also read that media queries are the way to go, so I was wondering if there was a way to add a media query to just scale EVERYTHING down a certain percentage depending

on the users device?

As you can tell I'm pretty new to all this haha.

Thanks!

Link to comment
Share on other sites

There isn't an easy way to make a page responsive, each page on your site has to be designed and coded to be responsive, media queries are one of the tools used to make that happen.

 

If you want the whole page to shrink down to fit the phone screen then you actually shouldn't use the meta viewport tag, but just shrinking the site is not responsive because the user is forced to zoom in to see anything.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...