April 7
CSS può creare incredibili effetti visivi e persino indirizzare i browser specifici basati su un sistema di media query. Questi media query consentono di creare diversi elementi del foglio di stile basate su dettagli come la risoluzione dello schermo, del browser motore di rendering o addirittura tipo di computer. La media query che consente di specificare il browser Chrome si rivolge in realtà sia Chrome e Safari, identificando i browser utilizzando WebKit. Fino a quando Chrome si allontana da WebKit - una mossa imminente - non ci sarà un metodo di mira solo gli utenti Chrome con i CSS.
1 Aprire il foglio di stile per il tuo sito con un editor di codice di scelta. Questo può essere un programma di Web design come Dreamweaver, un editor come Eclipse o anche un editor di testo come Blocco note. Non utilizzare ricco editor di testo o word processor, in quanto possono rompere la sintassi di HTML e CSS.
2 Aggiungere una sezione al CSS che assomiglia a questo:
schermo @media e (-webkit-min-device-pixel-ratio: 0) {
}
Questa interrogazione si rivolge browser utilizzando WebKit, che comprende sia Chrome e il browser Chromium open-source, Safari e derivati Safari, come Midori.
3 Aggiungere eventuali modifiche Chrome-only CSS tra le staffe. Nulla all'interno di queste parentesi verrà visualizzato dagli utenti su Internet Explorer, Firefox o altri browser non WebKit.
4 Salvare il CSS e provarlo sul computer locale per assicurarsi che funzioni.