Question

CSS自适应网页用@media screen and (判断属性){ CSS样式选择器 }来针对不同宽度屏幕使用不同CSS样式

还有必须使用<meta name="viewport" content="width=device-width,initial-scale=1" />这句代码吗？ 感觉这句没什么用啊 ， 我的一个普通的网站www.hthtoy.com 没有加入任何的自适应CSS或者meta标签，在手机上打开的时候，一样是整个网站内容显示在小屏幕内，就是字都压缩了，需要缩放才能看明白，根本不会出现滚动条，viewport最起码width属性 是没什么用，对吗？

Answer 1

这个是width是关键，灰常有用哦！

你可以用pc和手机分别浏览一下这个站点：www.xieshou.org

这个是用响应式开发的，就用到了media媒体查询

在手机端是不会缩小页面的

而是调整布局

这也是自适应网站的关键点所在

关于你说的width问题

你可以看一下这个教程

讲的很详细

http://www.imooc.com/learn/494