利用@media screen实现网页布局的自适应

优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值

1280分辨率以上(大于1200px)

1100分辨率(大于960px,小于1199px)

880分辨率(大于768px,小于959px)

720分辨率(大于480px,小于767px)

440分辨率以下(小于479px)

 

关于稚子

你们眼中的草根
此条目发表在Web前台开发技术分类目录,贴了, 标签。将固定链接加入收藏夹。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注