Как да се адаптират на сайта за мобилни устройства, адаптирани и съобразени уеб дизайн уеб сайт шаблон. През последните години тези въпроси лихвените всеки програмист, които вече имат свои сайтове и трябва да се справи с времето.
Да започнем с два примера за код на CSS:
На първо място, на мястото, за да се приспособи към мобилното устройство, е необходимо да се вмъкне между полетата
ето го:Това казва на браузъра, че стиловете CSS стилове написани за различни резолюции на екрана.
Вместо едно цяло, имате две. В зависимост от това, къде отиде в кода на сайта, CSS в скрит.
Ако размерът на екрана е по-голям от 1020px стил на мобилни # sidebar1_mobail няма да бъдат показвани, ако по-малко от 1020px ще скрие основната # sidebar1. и мобилен дисплей.
Стилове могат да бъдат регистрирани по различен размер, в зависимост от размера на вашия сайт. Вие трябва да се добави допълнителна страница на блокове, които, когато ще бъдат показани мобилната версия, както и когато е налице пълна.
Ако лента е разчленена, например, от левия ръб на родителското устройство - марж-вляво: 590px. Също така помисли за разстоянието от формулата и се слага в процента. По този начин, съдържанието и страничната лента ще се адаптира към размера на екрана.
страничната лента ще изглежда зле на малкия екран за тази цел е необходимо да се движи със съдържание и участък съдържание в целия екран.
Две версии са напълно функционални.
Това е! Вече знаете как да се адаптират на сайта за мобилни устройства, който и метод да подхожда най-добре, да си изберете.
Свързани статии