Мобилна версия и преоразмеряване ?

[backstage]

Колеги, в момента се опитвам да направя мобилна версия на един мой сайт? Искам да попитам има ли начин да се засича автоматично резолюцията на мобилното устройство, което се изпозлва и да се преоразмерява съобразно нея (само за ширина става дума) А дъщо така има ли начин да се засича кога е в портрет и кога е в лендскейп режим и съответно пак да се преоразмерява? Дори и за първото да няма начин - и второ само ще ми свърши работа

 

[adrian]

Можеш да ползваш CSS 3 Media Queries и за различните резолюции да си променяш каквото искаш. Виж в http://css-tricks.com/ така са направили, разгледай css кода им да видиш какви Media Queries са използвали

 

[backstage]

Благодаря, колега. Прочетох за какво става дума и станаха горе долу нещата. Проблема е, че под Opera Mini кода работи частично, под Opera Mobile работи перфектно, а под вградения browser на Symbian s60v5 - не работи въобще. И се чудя дали има смисъл да задълбавам, вместо да направя някоя опростена по-статична мобилна весия. Дали има вариант да се оправят бъговете.

Използвах следния код:

<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 680px) and (orientation:portrait)" href="mob.css" />
<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 680px) and (orientation:landscape)" href="land.css" />
 <link rel="stylesheet" type="text/css" media="screen and (min-device-width: 1024px)" href="max.css" />

@media screen and (max-device-width: 680px) and (orientation:portrait) {

#container_m { width:100px; height:100px; background-color: #cccccc; }

}

@media screen and (max-device-width: 680px) and (orientation:landscape) {

#container_m { width:300px; height:100px; background-color: #cccccc; }

}

@media screen and (min-device-width: 1024px) {

#container_m { width:400px; height:600px; background-color: #000000; }

}

Дали в първите два javascript тага не трябва да сменя screen с handheld ?

 

[adrian]

Като цяло не съм имал възможност да го тествам под различни телефони, а само под HTC Wildfire и iPhone, затова не мога да ти кажа има ли начин да се направи под всичко по-модерни браузъри да работи. Щом казваш, че не работи под Opera Mini, май наистина е по-добре една статична версия за всички и това е