It's simple... don't use static width's/height's.. and if you are using them then you should make some media queries for devices which are 800pixels or smaller
Make a Google search about CSS media queries. It is the key for responsive design. But I think it is wise that you read a full article about it instead of forum replies. w3schools appears as first result when I do the search, it can help.
The browser can see the window size and adapt the website to look like it is explained in your CSS file for that dimension.
by example, with:
@media screen and (min-width: 480px) {
body {
// I can apply the styles for any browser window above 479px.
}
}
Make a Google search about CSS media queries. It is the key for responsive design. But I think it is wise that you read a full article about it instead of forum replies. w3schools appears as first result when I do the search, it can help.
The browser can see the window size and adapt the website to look like it is explained in your CSS file for that dimension.
by example, with:
@media screen and (min-width: 480px) {
body {
// I can apply the styles for any browser window above 479px.
}
}
also use viewport, in a meta tag within the "head" of your page: meta name="viewport" content="width=device-width, initial-scale=1.0"
You can use media queries in CSS to make the website responsive.
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.
Matthijs88 posted this at 12:31 — 13th March 2015.
They have: 2 posts
Joined: Mar 2015
It's simple... don't use static width's/height's.. and if you are using them then you should make some media queries for devices which are 800pixels or smaller
Building websites since 2004 - Webdesign Almelo - Webdesign Enschede
itommy posted this at 14:38 — 3rd May 2015.
They have: 5 posts
Joined: May 2015
Using CSS frameworks like bootstrap or sketchton responsive to integrate into your site.
It is easy and make your site run well on mobile devices.
JoelJohn posted this at 17:21 — 11th October 2015.
He has: 4 posts
Joined: Sep 2015
Make a Google search about CSS media queries. It is the key for responsive design. But I think it is wise that you read a full article about it instead of forum replies. w3schools appears as first result when I do the search, it can help.
The browser can see the window size and adapt the website to look like it is explained in your CSS file for that dimension.
by example, with:
@media screen and (min-width: 480px) {
body {
// I can apply the styles for any browser window above 479px.
}
}
forager posted this at 19:30 — 22nd April 2016.
They have: 8 posts
Joined: Apr 2016
The browser can see the window size and adapt the website to look like it is explained in your CSS file for that dimension.
by example, with:
@media screen and (min-width: 480px) {
body {
// I can apply the styles for any browser window above 479px.
}
}
also use viewport, in a meta tag within the "head" of your page: meta name="viewport" content="width=device-width, initial-scale=1.0"
forager.info
PreciousReed posted this at 21:19 — 30th January 2016.
They have: 66 posts
Joined: Jan 2016
Make it 12 column or for easier reference use a bootstrap template.
forager posted this at 19:31 — 22nd April 2016.
They have: 8 posts
Joined: Apr 2016
I dont use bootstrap. I use css and certain code within to get my website to be mobile responsive.
ronaldwilcox posted this at 17:15 — 5th June 2021.
They have: 22 posts
Joined: May 2021
You can use media queries in CSS to make the website responsive.
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.