Pagina 1 di 1
Valore deprecato in overall_header
Inviato: 30/10/2015, 13:58
da Micogian
Domanda per Sir Xiradorn, il super esperto in css.
Cosa c'è di sbagliato in questo codice ?
Codice: Seleziona tutto
<link href="{T_THEME_PATH}/responsive.css?assets_version={T_ASSETS_VERSION}" rel="stylesheet" media="all and (max-width: 700px), all and (max-device-width: 700px)">
Il validatore W3C trova che il valore
max-device-width è deprecato.
Bad value all and (max-width: 700px), all and (max-device-width: 700px) for attribute media on element link: Deprecated media feature max-device-width.
Il codice è quello di default in overall_header.html, versione 3.1.5
EDIT= sembra che con la 3.1.7 il valore "max-device-width" sia stato tolto.
Re: Valore deprecato in overall_header
Inviato: 30/10/2015, 15:46
da Sir Xiradorn
max-device-width è il valore deprecato. Non si usa più. Si ci hai visto giusto
Re: Valore deprecato in overall_header
Inviato: 31/10/2015, 6:45
da frank
Interessante, io ho questo su 3.1.5 e funziona. Come andrebbe sostituito?
Codice: Seleziona tutto
<meta name="viewport" content="width=device-width, initial-scale=1">
Re: Valore deprecato in overall_header
Inviato: 31/10/2015, 7:32
da Micogian
E' "max-device-width" che è deprecato, non "device-width".
Re: Valore deprecato in overall_header
Inviato: 31/10/2015, 12:29
da Sir Xiradorn
Spiego un po va.
Questo:
Codice: Seleziona tutto
<meta name="viewport" content="width=device-width, initial-scale=1">
Questo è un META TAG è NON va toccato se vuoi che il forum o qualsiasi pagina web sia responsive
Questo invece
Codice: Seleziona tutto
media="all and (max-width: 700px), all and (max-device-width: 700px)"
che può essere trovato anche nel css così
Codice: Seleziona tutto
@media all and (max-width: 700px), all and (max-device-width: 700px) {
/* ... code ... */
}
E' una MEDIA QUERY che serve a definire i breackpoint che sono in sostanza quando applicare o meno i css che esso contiene. Ora visto che stanno a fare aggiornamenti e visto che alle porte inizia a fare capolino il CSS4 ma ce ne vo ancora, hanno eliminato alcuni attributi e
max-device-width è uno di questi.
all sta per ogni tipo di dispositivo e situazione. Ricordo che le media query non solo possono essere applicate alla dimensione del dispositivo, ma anche alla sua orientazione e alla fase di stampa ad esempio.
Se volessi applicare un css quando un ad esempio un cellulare è messo in orizzontale (in gergo detto landscape) piuttosto che in verticale (portrait) potrei fare una cosa del tipo
Codice: Seleziona tutto
@media only screen and (orientation: landscape) and (max-width: 640px) {
/* codice */
}
Oppure ad esemio puo rendere una pagina pronta per la stampa rimuovendo tutte le cose inutili e non buone per essere processato da una stampante.
Le possibilità sono praticamente illimitate. Tutto chiaro?