CSS3自适配手机屏幕

用CSS3写的自适配手机屏幕【请使用支持html5的浏览器查看效果,如火狐浏览器,谷歌浏览器,IE9等】

 





Media Query Demos【CSS3自适配手机屏幕】


 

此框会变成粉红色,如果可视面积小于600px

 
此框会变成橙色,如果可视面积小于900px

 
此框会变成蓝色,如果可视面积为600px~900px
 

附效果截图:

【1】如果手机屏幕大于900px


【2】如果手机屏幕600px~900px


【3】如果手机屏幕小于600px

你可能感兴趣的:(android)