Mozilla 演示室

  • 提交演示

Changing Screens with Media Queries

See how Apple Devices will look inside browsers

建立方法 JavaScript, HTML5, CSS3

  • 157 次观看
  • 4 个评论


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.

到目前为止有 4 个评论


  1. Aumkar 说:

    Awesome Project!!!!
  2. Joshua-S 说:

    Wow!!! Incredible demo.
  3. hendriono 说:

    Awesome... Thanks for source code... I will learn more from your code...
  4. apnatorra 说:

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


下载源代码 1163.8 KB · ZIP 格式

此演示发布于 GPL 授权之下。

depy 的更多作品