Desidero rendere indipendente la larghezza del footer.Putting -moz-available e -webkit-fill-disponibili in un'unica larghezza
Per Mozilla voglio utilizzare il valore di -moz-available e, quando un utente utilizza Opera, CSS dovrebbe ottenere i valori da -webkit-fill-available.
Come fare in CSS3?
ho cercato di fare qualcosa di simile:
width: -moz-available, -webkit-fill-available;
Questo non darà i risultati desiderati.
I CSS salteranno sulle dichiarazioni di stile che non capiscono. I browser basati su Mozilla non capiranno le dichiarazioni prefissate -webkit e i browser basati su WebKit non capiranno le dichiarazioni prefissate -moz.
A causa di questo, possiamo semplicemente dichiarare width due volte:
elem {
width: 100%;
width: -moz-available; /* WebKit-based browsers will ignore this. */
width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
width: fill-available;
}
Il width: 100% dichiarato alla partenza saranno utilizzati dai browser che ignorano sia le -moz e -webkit dichiarazioni -prefixed o non supportano -moz-available o -webkit-fill-available .
Odio chiedere ma IE ha anche questa proprietà di riempimento disponibile? – Julian
@ Julian secondo Can I Use ..., no non: http://caniuse.com/#feat=intrinsic-width. IE lo elenca come "In costruzione": https://status.modern.ie/cssintrinsicsizing. –
Basta definire le due proprietà come dichiarazioni di larghezza separate. –
http://stackoverflow.com/questions/3383923/css-moz-available-equivalent-in-webkit –
Ho fatto questo: larghezza: -moz-available; larghezza: -webkit-fill-available; Il risultato era ciò che non doveva essere. – Julian