The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Scaling a webpage for different screen resolutions
tudsy
post Nov 29 2017, 11:16 PM
Post #1


Advanced Member
****

Group: Members
Posts: 246
Joined: 30-September 14
Member No.: 21,611



Hi

Just one question.How do I scale a webpage or take into account different screen resolutions?

Is css involved?


Thanks


AdrianT
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
CharlesEF
post Nov 30 2017, 11:21 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 1,981
Joined: 27-April 13
From: Edinburg, Texas
Member No.: 19,088



Start with this '<meta name="viewport" content="width=device-width">', place it in the <head> section of each page. Then you can look into CSS media queries.

This post has been edited by CharlesEF: Nov 30 2017, 11:22 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
tudsy
post Dec 1 2017, 04:06 AM
Post #3


Advanced Member
****

Group: Members
Posts: 246
Joined: 30-September 14
Member No.: 21,611



Hi

Thanks for that. I am trying to fit a webpage in a screen, which has a size of 176x220. I am having problems in testing with screenfly (online tool) to fit the webpage in that resolution. The CSS is in Main.css and the webpage is ecovib2d_adriant.php.

Thanks.Attached File  Main.css ( 701bytes ) Number of downloads: 770
Attached File  ecovib2d_adriant.php ( 11.07k ) Number of downloads: 805
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 04:43 PM