请问类似97973.com这种网站的页面自适应是怎么做的呢?
0
所有回答(5)
0
css牵扯的东西不少，这个效果很好做，关键看你是兼容几种浏览器，都要兼容哪些版本。
比如在 IE 11 中这些效果实现就很容易，把要自适应的部分做成百分比，再设置一个min-width,再设置一下overfollow，基本上就可以实现了，当然太细节的东西也不是一两句能说清楚的。
0
这也没适应啊。
难道这还不是自适应吗？
关键问题使这是怎么做的？
@还能再菜点吗？: 你缩小窗口，发现导航条都没显示完全。
@BetterMaple: 这个一般网站都这样吧，，， 不可能你吧窗口缩小到一厘米款也给你吧内容显示完全把? 抛开这一点 ，能告诉我这个在你看来不完全严格意义上的自适应是怎么做的吗？
@还能再菜点吗？: 我用手机打开这个网站。是自适应的。但网页版没有吧。你看微软的官网：http://www.microsoft.com/zh-cn/default.aspx。这个就是自适应的，在PC上也可以自适应。
使用media query来做啊。
0
自适应一般就是要做两件事，一是把固定宽度变成百分比，二是根据宽度显示不同的分栏。
自己弄的话，可以考虑利用@media自下向上兼容。另外针对图片做些css上的调整，基本就可以实现响应式布局了。
另外，响应式布局目前已经有一些成熟的框架可用，比如bootstrap用得好的话，基本可以解决不少需求了。
0
media query
0
你说的就是响应式网页吧？网页根据屏幕的大小来响应不同的网页布局。我给你一篇文章看看
http://www.mahaixiang.cn/wzsj/278.html
响应式网页布局的实现方法原理
