开发者

How to access the screen size in html?

Is it poss开发者_如何学Goible?


You can do this with javascript using window.screen. See here.


no. but you can create layouts that depends not on pixels or cm, but percentages. they are called liquid layouts. also you can define a minimun width or height to be sure your layout won't broke in minnor screens.

other alternatives includes client side scripting (like javascript) as already said by the others.


Just in case you're asking to center something onto the screen/browser window:

Use CSS:

.cen {
  margin: auto;
}

and in case it is a picture you want to center:

.cen {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -<witdh of image>/2;
  margin-top: -<height of image>/2;
}


Another great way to do this is using @media queries.

A brief overview can be found here; http://www.css3.info/preview/media-queries/

Or a more thorough explanation from the W3C; http://www.w3.org/TR/css3-mediaqueries/

This may not be the best option if you're worried about a lack of support on older browsers, but if you're not, this is the best way to go!


Not in HTML, but in JavaScript.

window.screen has width and height properties.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜