Newsgroup: it.comp.www.html
Titolo: Testare css per mobile

Non riesco a testare un sito web nella versione per il mobile.... non ho 
un iphone sottomano!
 
Ho installato firefox con un user switcher
 
il seguente codice
if( $coso->DetectSmartphone() == 1 ){
			 	echo("SMART:".URL_TEMPLATE);
		echo("<meta name=\"viewport\" content=\"width=device-width, 
initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" />").PHP_EOL;	 	
     	echo("<link rel=\"stylesheet\" 
href=\"template/lightblueyes/cellstyle.css\" media=\"screen\">").PHP_EOL;
  	  	echo("<link rel=\"stylesheet\" 
href=\"template/lightblueyes/cellstyle_landscape.css\" media=\"screen 
and (max-device-width: 480px) and (orientation: landscape)\">").PHP_EOL;
     	echo("<link rel=\"stylesheet\" 
href=\"template/lightblueyes/cellstyle_portrait.css\" media=\"screen and 
(max-device-width: 320px) and (orientation: portrait)\">").PHP_EOL;		 	
 
 
usa una classe php per "sentire" se è uno smartphone ...e se lo è
imposta il meta tag viewport
imposta cellstyle.css che contiene le definizioni dei testi
 
e poi viene il casino! ...che non c'entra nulla con il php....
 
<link rel="stylesheet" 
href="template/lightblueyes/cellstyle_landscape.css" media="screen and 
(max-device-width: 480px) and (orientation: landscape)">
<link rel="stylesheet" 
href="template/lightblueyes/cellstyle_portrait.css" media="screen and 
(max-device-width: 320px) and (orientation: portrait)">
 
dovrebbe usare le media query e caricare o cellstyle_landscape.css o 
cellstyle_portrait.css
 
 
BOH forse lo fa ...ma io non lo so!!!
Io ipotizzo...
 
Firefox mi invia il nuovo user agent ed infatti mi cambia il 
layout...vuoldire che php funzione a mi carica cellstyle.css
 
Ma la dimensione dello schermo la lascia sempre  a quella del pc....e le 
media query non scattano!!!...e si ferma li!
 
 
E che cavolo...e come lo testo???
Uso linux mint....non c'è nulla di freeware per testare?
I vari emulatori online funzionano anche peggio di firefox....la classe 
php giustamente li vede come "PC" e manco ci prova a caricare i fogli 
css per il mobile!!!
 
Grazie a chi mi aiuterà!
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 media query non scattano!!!...e si ferma li!
 
Le media query usano le dimensioni della viewport del browser, non quelle 
dello schermo. Ti basta ridimensionare la finestra per attivarle.
 
Bye.


 Immagino che usi la stringa del browser per farlo.
Ho preso la base da qui
http://www.mediaroyal.com/2010/01/rilevare-smartphone-con-php/
 
ed integrata per la parte notepad con quest'altro
http://code.google.com/p/php-mobile-detect/wiki/Mobile_Detect
 
 
 
ZAC
Per il resto....da quello che ho letto...e in questi giorni ho letto 
molto (ma probabilmente capito poco)
echo("<meta name=\"viewport\" content=\"width=device-width, 
initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" />").PHP_EOL;	 	
 
doveva portare il sito web alla massima risoluzione del dispositivo 
mobile no?....se ho capito quello che hai detto per testarlo basta che 
lo imposti a 400 o 300 (per dire)
 
il discorso del background lo avevo gia fatto per testare.....
ma non mi scattava! Era colpa del width=device-width che su un monitor è 
1024 x 768 (sul mio notebook anche di più)???
 
 
IL PROBLEMA
 
ci son 12 box icona 120x120....vogliono vederli scalati
.....
  ho spippolato il css per usarlo bene sia in chrome che in firefox e 
sul pc scala tutto (per forza è liquido! è Xhtml 1.0! non ci sono "sofismi")
 
PARADOSSALMENTE l'iphone di mio cognato è quello che ha meno 
problemi....scala già senza mediaquery
 
MA SFORTUNATAMENTE
 
il boss che pagherà ha un Garmin Qualcosa (credo con android)comprato in 
un viaggio all'estero!...e a lui scala poco e sopratutto non fa la 
scalatura  portrait <->landscape.....s'è fissato! Io pure....sopratutto 
le mie bollette da pagare!
Accidenti alla Garmin...ma non poteva fare solo navigatori????!!!!


per scalati intendo
 
XX= box icona
PC
 
XX XX XX XX XX XX
 
XX XX XX XX XX XX
 
 
Landscape
 
XX XX XX
 
XX XX XX
 
...etc etc
 
Portrait
 
XX XX
 
XX XX
 
XX XX
 
...etc etc


 1024 x 768 (sul mio notebook anche di più)???
 
Controlla il sorgente della pagina per vedere se le media-query vengono 
scritte correttamente nell'html.
 
Bye.
