This box will turn to pink if the viewing area is less than 600px
可视区域小于600像素时这个框将变成粉色背景
This box will turn to orange if the viewing area is greater than 900px
可视区域大于900像素时这个框将变成橙色背景
This box will turn to blue if the viewing area is between 600px and 900px
可视区域介于600像素-900像素时这个框将变成蓝色背景
This box will only apply to devices with max-device-width: 480px (ie. iPhone)
这个框仅应用于max-device-width: 480px (ie. iPhone)的设备

Your current viewing area is: less than 600px between 600 - 900px greater than 900px

当前可视区域: 小于600px 介于600 - 900px 大于900px

Tutorial by Web Designer Wall | 翻译:CSSPod