Разпределение от iphone
Здравейте драги читателю LifeExample блог. Темата оформление за днес iPhone е много популярен и търсенето на тя се разраства все повече и повече. Това се дължи на факта, че потребителите вече не са само използват компютри, и активно да сърфирате в интернет с помощта на различни източници на информация, които, между другото, се отнася и за iPhone. И тъй като продуктите, ябълковите наскоро са наводнени потребителския пазар, задачата на програмиране и оформление на обекти за iPhone може скоро да стане толкова важно, колкото оформлението за потребителите на Internet Explorer.
В iPhone използва мобилната версия на Safari браузър. Честно казано, по-Mobile Safari да наложи по-приятно и по-лесно, отколкото с Internet Explorer. Основната вкусен е пълен CSS3 и HTML5 поддръжка. Ето защо, трудности при разработването на плана за iPhone. не трябва да бъде, но трябва да се има предвид някои от функциите.
Характеристики на сайтове за iPhone
1. Изображенията не трябва да са твърде големи,
Не повече от 2048 x 1536 пиксела. за iPhone с RAM до 256 MB.
Не повече от 2592 x 1944 пиксела. за iPhone с RAM повече от 256 MB.
2. Adobe Flash не се поддържа.
3. кеширани файлове са по-големи от 25 Kb.
4. Не се поддържа за работа с файлове, използвайки .
5. Може да има проблеми с помощта на външни шрифтове.
6. Да не се работи при поставянето на курсора, защото никой курсора.
7. Отлична работна AJAX.
8. Подкрепя CSS3 и HTML5 иновациите.
9. Можете да използвате повече шрифтове, се препоръчва Helvetica шрифт.
10. Можете да използвате "за обаждане чрез кликване"
11. Възможно е да зададете цвят на алфа канал за прозрачност.
12. Фонът да укажете изхода на няколко изображения. Помощ сайт картина над 5 Mn (2592 х 1944).
Характеристики style.css за оформление за iPhone
1. Ако сайтът е оптимизиран за iPhone. оформлението на място трябва да се състои от една колона, и елементите трябва да бъдат опънати до 100% от ширината.
2. Не е препоръчително да се използва оформление мулти-колона на сайта.
3. С цел да се оптимизира вашия сайт, линеаризиран всички блокови елементи.
Разделение # 123;
ясен. както важно !;
дисплея. блокират важно !;
ширина. 100% важно !;
плава. никой важно !;
марж. 0 важно !;
уплътнение. 0 важно !;
# 125;
4. Не трябва да направите много елементи на страницата. За маловажно дизайн изброяват елементите на имота:
5. шрифт текст може да бъде леко се увеличава. Така или ползва имота -webkit-размер на текста коригира. който ще се регулира автоматично размера на шрифта.
Преминаване към оптимизирана версия на сайта
Аз няма да за дълго време, за да рисувам, това, което е оптимизирано за iPhone версия на сайта, разгледа по-добре на живо пример за оптимизирано Facebook.
Също така е здрав разум може да се види в този образ и оптимизираната страница:
Мащабиране и сайт ориентация на iPhone
iPhone обикновено везни на страницата, и това е всичко на екрана, което не винаги е удобно. За да избегнете това, можете да се регистрирате в мета таговете на кодовата таблица ще покаже само определен брой пиксели, и изключете мащабиране изобщо.
<Мета име = »Прозорецът» съдържание = »ширина = 320" >
<Мета име = »Прозорецът» съдържание = »ширина = 320, потребителски мащабируема = фалшива» >
В iPhone има две ориентации, хоризонтални и вертикални, в зависимост от местоположението на устройството, съдържанието на сайта ще бъдат прехвърлени и да променят своето разрешение. Може би вашият проект ще трябва да вземе това под внимание и да се зареди различни стилове CSS въз основа на текущата ориентация. За да направите това, използвайте алтернативни стилове за всяка позиция:
икони на уебсайтове в началния екран
Икона ще бъдат показани в homskrine потребител, ако то е за да запаметите страницата на вашия сайт. Външно, но обикновено тя не се различава от уеб иконата на сайта.
Запазване икона 57 от 57 точки в главната страница на име ябълка докосване-icon.png. Сега на iPhone подразбиране ще го използвате до. Можете да дадете на всяко име на иконата, но тогава ще трябва да се регистрират следните маркери:
Как да тествате оформлението за iPhone?
Ако не разполагате с този удобен iPhone. този съществен недостатък, тъй като вие не можете да тествате сайта със 100%, за всички емулатори - това е просто една пародия на устройството, както и всички процеси на това устройство работи малко по-различно.
Но без значение какво, все още можете да използвате браузъра iPhone емулатор. От всички услуги и приложения, да подражават на браузъра Mobile Safari. получите резултат, подобен на този импровизиран iPhone и IPAD, аз бях само на следните услуги:
Искам да ви обърна внимание, че постигането на желания резултат в налагането на iPhone. не е твърде мързеливи, за да тествате сайта си в популярните мобилни браузъри Opera Mini. като може да има различия.
Рамки за оформление
Аз не съм фен на рамки, обичам го повече самостоятелно изобрети колелото, но ще спомена, целостта на статията за най-популярните инструменти за оформление под iPhone. Така че, можете да използвате следните инструменти:
Е, това е всичко, Drogo читателю, надявам се да ти полезни факти в тази статия. Можете също така да прочетете статията за това как да се наложи един сайт за iPhone.