Какви фактори са взети под внимание
Оптимизация трябва да се вземат предвид следните фактори, влияещи върху лекотата на взаимодействие със сайта:
- тип клавиатура (физически, сензорен)
- съотношение Резолюция и аспект
- подкрепа за промяна на ориентацията на екрана
- равнище на данни (2G, 3G, 4G)
- операционна система
- Браузър функции (увеличение, поддръжка на Flash и AJAX)
- лесна навигация (отидете на страницата само три кликвания, превъртане трябва да е вертикална, а не хоризонтална, хубаво да добавите бутони за навигация в горната част на страницата и на началната страница - това значително ще се повиши нивото на лекотата на използване, задължително присъствие на търсене в сайта.
Разделителна способност екрани на мобилни устройства
- Nokia 6300, Nokia N92, Nokia N95, Nokia N95 8GB, Nokia N96
- Sony Ericsson W850i W890i, Sony Ericsson W880i
- Apple Ipod Nano третият 4-то поколение
- HTC Wizard, HTC Tattoo, HTC Touch2
- Blackberry: Curve 8530, Pearl Flip
- Android: Motorola Charm, Sony Ericsson Xperia X10 Mini и други
- Symbian OS: Nokia E63 и други
- Apple OS: iPhone, зарядно
- Android: HTC Dream, HTC Hero, HTC Magic, HTC Wildfire S, Droid Pro, i7500 Galaxy, Samsung Galaxy Ace (S5830), Samsung Moment, Samsung Galaxy Gio GT-S5660, Sony Ericsson живее с Walkman и други ...
Blackberry: Torch, Буря, Bold
Symbian OS: Nokia N8, Nokia C6-01 и други
- Android: Liquid A1, HTC Desire, Nexus One, i9000 Galaxy S и други
- Maemo (Linux): Nokia 900 и други
- Windows Mobile 6: Sharp S01SH
- Windows 7 Телефон Venue Pro, Samsung Omnia 7, HTC 7 Pro, а други
Препоръчваме ви да прочетете как да се свърже с WordPress Yandeks.Speller
- Android: Motorola Xoom, Samsung Galaxy Tab 10.1
- Windows OS: Asus Eee Pad EP121
- Apple OS: Axiotron Modbook
IPAD 3 Retina дисплей при плътност от 264 пиксела на инч (това е дори повече от 15-инчов MacBook Pro).
В iPhone 4S - 326 PPI.
Поради големия брой на разрешителни, правилното решение ще бъде изпълнението на «Един Web» проект. Един Web - означава създаването, доколкото е възможно, сходни условия за използване и показване на всички устройства. Но това не означава, че същата информация ще изглежда точно по същия начин на различни устройства.
Как да се определи резолюцията с CSS
Определя ширината на екрана, позицията и размера на картината, като се използват медийни заявки, които се появяват в CSS3.
По-малко на този метод е, че кодът ще започне три отделни HTTP заявка. Тези искания трябва да бъдат възможно най-малки, в противен случай това ще се отрази на скоростта на зареждане.
За да се намали броя на заявките, можете да използвате един файл стилове.
Услуги за тестване на адаптивността
Уважаеми, не подвеждат хората.
В действителност, на екраните уеб резолюция на мобилни телефони се различава от производителя, например, за оформлението под iPhone4 трябва да се регистрират в mediakveri 320x480, както и за най-Androyd 5 '- 360x640.
Странно хора да учат адаптивно оформление за мобилни телефони, имайки предвид, че правото на тази страница Androyd 5 "се отваря с проблеми. Твърде мързелив да направите хоризонтално превъртане в таблици - така поне ще намали шрифта или нещо такова.
Благодарим ви за отзивите. Разпределение по-добре.
Аз разбирам, че това е просто един скрипт от някакъв вид. Много се съмнявам, че тя ще се побере всеки сайт. Мога ли да си представите един инструмент, който е като магическа пръчка се превръща в настолната версия на мобилната версия? Навсякъде в действителност различен дизайн. Чудили ли сте се защо множество подредби за различни резолюции при създаването на дизайн? И тази рисунка е струва допълнително пари.
Не сребърен куршум, и не може да бъде. Само професионален дизайн с внимателен разположение на всеки елемент на базата на висококачествени мобилни първи и оформление ще осигури лекота на използване онлайн магазин.
Свързани статии