mail: djkojb@gmail.com
ICQ: 109120110
skype: ka_djko
Home › Blogs › djko's blog

Чуть более резиновый дизайн.

Mon, 05/05/2008 - 15:25 — djko

Мы уже привыкли что при разном разрешении сайты выглядят по разному. Но, почему бы не сделать сайт одинаково выглядящим на любом мониторе и при любом разрешении? И... маленькая поправка - не на флеше.

как:
1. для верстки можно использовать CSS с указанием размеров в em.

h1 {font-size: 2.2em;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
div.block{
width:20em;
height:10em;
}

2. размер шрифта указывать в частях от размера ширины экрана.

<body id="body" onload="document.getElementById('body').style.fontSize=Math.floor(screen.width/90);">

этого достаточно, чтобы сделать все шрифты одинаково выглядящими при разных разрешениях монитора, а так как em пропорционально размеру шрифта, то при разных разрешениях страничка будет выглядеть одинаково.

пример