@import media query

Veröffentlicht von Marco Betschart am

CSS Code in Dateien auslagern und anhand von media queries anwenden. Übersichtliches Responsive Design!

@import url('css/global.css');

/* Small Portrait */
@import url('css/small-portrait.css') only screen and (max-width: 479px);

/* Small Landscape */
@import url('css/small-landscape.css') only screen and (min-width: 480px) and (max-width: 767px);

/* Medium Portrait */
@import url('css/medium-portrait.css') only screen and (min-width: 768px) and (max-width: 959px);

/* Normal */
@import url('css/normal.css') only screen and (min-width: 960px);

Details und Kompatibilität im Mozilla Developer Network

Kategorien: Technologie

Marco Betschart

nerdpreneur out of conviction. lover of the never ending journey of exploration. self growth and tech enthusiast. ambitious rock climber and from time to time, adrenaline junkie.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.