Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
522 views
in Technique[技术] by (71.8m points)

html - Website Resolution issues in different pc's

I have designed a website. When I opened the final website in different PCs which have different resolutions my webpage is not the same I designed. The contents are out of body position.

Could any one explain the reason? And any solution?

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

This is an issue many developers are facing.

The problem is that my screen (or even your screen if you resize the window) will make the page look different, if you use px to control the position of all your divs.

I would suggest you learn a little about CSS and how to use it (including using units other than pixels).

It is handy to know when to use auto, %, px and other things that you need to know to make your webiste look the same across as many devices as possible.

W3 has a good Responsive Web Design - Introduction that you might want to check out.

Ultimately it teaches you what a responsive design is:

It is called responsive web design when you use CSS and HTML to resize, hide, shrink, enlarge, or move the content to make it look good on any screen.

The topics the introduction covers include:

  • Intro

  • Viewport

  • Grid View

  • Media Queries

  • Images

  • Videos

  • Frameworks

Good luck! Hope your project goes well!


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...