2010-08-30 3 views
2

Возможно ли это?Как получить доступ к размеру экрана в html?

+0

пожалуйста, расширяйте. Почему вы хотите это сделать? Если вы хотите, скажем, иметь 'div', который составляет половину ширины экрана, вы можете использовать' 50% ', как его ширину. – nico

+0

@nico, поэтому я могу использовать все компоненты ширины и высоты с процентами? звучит круто .. для шрифтов тоже (так они подходят)? –

+1

@Tom Brito: конечно, но я бы предложил реализовать это в CSS, а не прямо в HTML (хотя это тоже верно), так как это делает вещи намного чище. Размер шрифта более сложный: вы можете использовать px (pixel), хотя это не рекомендуется, 'em' является лучшим выбором, см. Http://www.w3schools.com/css/css_units.asp – nico

ответ

3

Вы можете сделать это с помощью javascript, используя window.screen. See here.

0

Не в HTML, а на JavaScript.

window.screen имеет width и height Недвижимость.

1

no. но вы можете создавать макеты, которые зависят не от пикселей или см, а от процентов. они называются жидкостными макетами. также вы можете определить минимальную ширину или высоту, чтобы убедиться, что ваш макет не будет разбит на экранах minnor.

Другие альтернативы включают в себя скрипты на стороне клиента (например, javascript), как уже говорили другие.

1

Только в случае, если вы просите, чтобы центрировать что-то на окно экрана/браузера:

Использование CSS:

.cen { 
    margin: auto; 
} 

и в случае, если это изображение, которое вы хотите центра:

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

Другой отличный способ сделать это - использовать @media запросов.

Краткий обзор можно найти здесь; http://www.css3.info/preview/media-queries/

Или более подробное объяснение от W3C; http://www.w3.org/TR/css3-mediaqueries/

Это может быть не самый лучший вариант, если вы обеспокоены отсутствием поддержки в старых браузерах, но если вы этого не сделаете, это лучший способ!

Смежные вопросы