6 Август 2008

Адаптация сайта под КПК

Нынче очень полезно делать адаптированные под кпк сайты, т.к. с каждым днем все больше народу серфит по сети при помощи КПК, телефонов и нетбуков, у которых разрешение пока еще далеко от мониторных, вот я и решил сделать так, чтобы это сайт можно было смотреть на КПК и там бы ничего не разъезжалось.

В принципе главную вещь я уже реализовал, теперь если зайти на сайт с разрешением меньше или равно 640px по ширине, то сайт должен будет отображаться при помощи стиля специально заточенного под такое разрешение.

Сейчас в шапке при помощи javascript происходит проверка разрешения и если на сайт зашли с разрешением которое меньше заданного, то сайт отображается при помощи стиля сделанного для КПК(который я не сделал еще, т.к. не имею наладонника для проверки). Ну а если у человека отключен джаваскрип то в таком случае будет показан стандартный CSS файл.

<script language="javascript">
<!--
var w = window.screen.width;
if(w<=640){
document.write('<style type="text/css" media="screen">');
document.write('@import url( /pda_style.css );');
document.write('</style>');
}else{
document.write('<style type="text/css" media="screen">');
document.write('@import url( /style.css );');
document.write('</style>');
}
-->
</script>
<noscript>
<style type="text/css" media="screen">
@import url( /style.css );
</style>
</noscript>
Страница 1 из 11



  • 219.94 руб. заработано за сутки в бирже ссылок SAPE:
    Место в рейтинге: 121-7
Parthners