Как я и обещал. Пишу продолжение статьи Ваяем сайт для уток Итак.время 4.00-идеальное для написание статьи)) На самом деле мое написание статьи немного накрылось медным тазом вследствие того, что в ходе подготовки написании статьи я решил погуглить на данную тему в надежде узнать то, чего я не знаю....И тут я натолкнулся на один сайт который раньше мне не попадался на глаза. Честно сказать я и не знал что делать...там было ТАК все толково написано, что лучше бы я уж точно не рассказал. Но все-таки не написать статью я не мог.(Ибо надо выполнять обещания) Итак. Поехали))) Первое, что нам нужно это обЪяснить браузеру, что ему нужно отдать айфону. Делается это элементарно: PHP: <?php $browser = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone"); if ($browser == true){ $browser = 'iphone'; } ?> Далее если мы хотим написать код только для айфона-просто оборачиваем код вот-так: PHP: <?php if($browser == 'iphone') { "Код для айфона"; } ?> Кстати можно обернуть заголовок страницы(если заголовок длинный, то будет проблематично сохранить страницу) PHP: <?php if($browser == 'iphone') { <title>Pаголовок для айфона</title> } else { <title>Обычный заголовк</title> } ?> Еще в некоторых случаях полезно отменить масштабирование страницы: PHP: <?php if($browser == 'iphone') { <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" /> } ?> Также добавлю инфу про полноэкранный режим: В прошлой статье я забыл про нее упомянуть. Код: <meta name="apple-mobile-web-app-capable" content="yes" /> Помните, что если вы все-таки применили этот режим-ваша навигация должна быть самостоятельной. P.S Не забудь!!! Избегай абсолютной ширины там, где возможно использовать ширину в процентах! Избегай плавающих блоков!
