他的首页
他的馆藏
他的动态
馆友反馈
关于他
| 共 4 篇文章 |
|
举个例子，我们先用js获取页面的宽度，除以20进行计算之后，把这个值赋给html的font-size，得到一个根据页面宽度变化而变化的单位1rem，这个时候假如我们拿到的设计稿的宽度是640px，将其除以20，这样我们就得到在页面宽度为640px的情况下1rem即为32px，如果设计稿中的banner图部分的宽度是320px，而高度则是160px，这个部分需要进行自适应，那... 阅417 转1 评0 公众公开 17-01-16 10:00 |
有些初次听过Responsive的或者初次接触Responsive的同学还是有点难度，为了能帮助大家进一步的了解和学习Responsive，今天我为大家整理了一篇《Responsive Web Design》，这篇文章主要从几个内容引导大家如何学习Responsive设计。<img src="image.jpg" data-src-600px="image-600px.jpg" data-src-800px="image-80... 阅241 转0 评0 公众公开 15-05-25 17:10 |
你可以使用viewport这个meta标签来重置这个行为。下面的viewport标签告诉浏览器使用设备宽度（device-width）做为viewport的宽度，并且禁用初始的缩放比例。头部拥有一个固定的180px高度，内容容器600px宽，然后侧边栏是300px宽。下面的规则集在当viewport宽度小于等于980px的时候生效。然后对于宽度小于或等于700px的viewport，指定#content和... 阅134 转0 评0 公众公开 15-05-25 16:58 |
优秀网页设计: 分享50个自适应Web设计实例。Responsive Web Design，自适应Web设计，也有翻译成响应式Web设计的，个人认为前者更准确些。可以简单地理解为，网页布局可根据用户的显示屏幕分辨率自动调整 宽度及布局，例如4列1292像素宽的布局，转到1025像素宽度，可自动简化成2列。作为Web设计爱好者，想紧跟潮流学习一下Responsive Web Design... 阅2298 转4 评0 公众公开 15-05-25 16:54 |
