CODEWITHSUNDEEP
htmlcsslayout
Anirudha Gupta
Anirudha Gupta

Reputation: 9289

How i can make compatible with higher screen?

I am design a html layout in 980px width for making it works in lower screen. I want to make it works fine in big screen but I have a problem with a layout.

When I try CTRL+-- (minus) to check in low resolution I found that the button in left goes to right and Background image with shadow go to right. Its' make my layout pity.

Example of other site they never have looking bad when I try ctrl minus minus.

Can someone help me to figure out how i make my layout then if i try ctrl minus minus it's not look bad.

Upvotes: 1

Views: 65

Answers (2)

skippr
skippr

Reputation: 2706

How is the size of your button declared? Is it in px, em, or percentage?

If you are using em or percentage (or none at all), try px instead to set a specific pixel width and height (and other dimensions such as padding, margins, etc.) This is called using "fixed" dimensions, and may solve the problem of things scaling incorrectly when you zoom.

If not, realize that when you use control + zoom in/zoom out it may or may not also be zooming the text, which can cause problems and is typically harder to fix.

Finally, realize that you are not approaching your problem correctly. To see how your website would render on a larger screen, simply make your browser window larger or test it on a computer with a bigger monitor.

Upvotes: 1

Niet the Dark Absol
Niet the Dark Absol

Reputation: 324740

Zooming is not the same as changing your screen resolution. Resizing your browser window, on the other hand, can be seen as equivalent.

Upvotes: 4

Related Questions