17370845950

先说说 我们要搞明白啥叫响应式设计

呀哈，这个响应式设计就像是给手机穿上了一身魔法衣服，不管手机是大是小，网站douNeng跟着变化，kan起来一样舒服！不像以前那样，手机上kan着就皱巴巴的，不好玩。

然后我们要用百分比或者啥的来代替固定的数字

你知道吗？以前网站设计dou是用固定的数字，比如宽度是1000像素，这样手机上kan就hen小了。现在不一样了 我们用百分比来代替，就像说“这个宽度是屏幕宽度的50%”，这样手机屏幕怎么动，宽度也会跟着动。

用

这个来弄

这个就像是个小魔法师， 它说“当屏幕宽度小于768像素的时候，就按照我写的样式来弄”。这样我们就Ke以根据手机屏幕的大小来调整网站的样子啦！

按钮要大， 菜单要简单，动画别太多

手机屏幕小，所以按钮要大，好让手指按得舒服。菜单也要简单，别让人家找半天。还有那些复杂的动画，在手机上kan起来就挺花哨的，但有时候也挺麻烦的，咱们就少用吧。

用CSS3的媒体查询来帮忙

CSS3里有个东西叫媒体查询， 就像是给网站穿了个小魔法圈圈，它Neng让网站kan到你的手机屏幕有多大，然后告诉你“我该怎么打扮自己才好kan”。这样不管手机多大，网站douNeng穿得漂漂亮亮的。

图片要小， 别浪费流量

图片大了手机上kan起来就慢吞吞的，还浪费流量。所以我们要压缩图片，让它们变小，手机上kan也快，不浪费流量。

测试， 测试，还是测试

网站Zuo好之后我们要测试测试再测试，kankan它在不同的手机上是不是dou好kan。Ru果有人用了我们的网站，还要听听他们的意见，这样我们才Neng把网站Zuo得geng好。

一下 就是弄个网站，要让手机上kan也舒服

好了今天我们就聊到这里就是要弄个网站，让手机上kan也舒服，简单又好kan。这样一来不管是老人还是小孩，douNeng在手机上玩得开心！

---