Mozilla Demo-Studio

  • Übermitteln Sie eine Demo

Changing Screens with Media Queries

See how Apple Devices will look inside browsers

Hergestellt unter Verwendung von JavaScript, HTML5, CSS3

  • 158 Mal angesehen
  • 4 Kommentare

Mehr über diese Demo vom Autor

The demo is mainly focused on the use of CSS Media Queries. Media Queries have advance option to apply different styles for different screen sizes or types. Interfaces of popular Apple Devices (iMac, iPad and iPhone) have been used to demonstrate it.

The demo can be seen in action when browser window size is resized. Different interfaces (styles) are applied for different screen sizes.


Note : iMac, iPad and iPhone are registered trademarks of Apple Inc., Apple have inspired me and I have their designs and names in this project which is just for an educational purpose.

Bisher 4 Kommentare

Registrieren Sie sich oder melden Sie sich an, um Ihren eigenen hinzuzufügen.

  1. Aumkar schrieb,

    Awesome Project!!!!
  2. Joshua-S schrieb,

    Wow!!! Incredible demo.
  3. hendriono schrieb,

    Awesome... Thanks for source code... I will learn more from your code...
  4. apnatorra schrieb,

    Hi, can i use your code in my own project...????

Holen Sie sich den Quelltext

Laden Sie den Quelltext herunter 1163.8 KB · ZIP-Datei

Diese Demo steht unter der Lizenz GPL.

Mehr von depy