Changing Screens with Media Queries

See how Apple Devices will look inside browsers

이용 기술 자바스크립트, HTML5, CSS3,

  • 조회수 277회
  • 댓글수 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...????

About this Demo

소스 다운로드 1163.8 KB · ZIP 파일

현재 데모는 GPL 라이센스 하에 공개되고 있습니다.

더 많은 정보 보기 depy