首页 新闻 搜索 专区 学院

请问类似97973.com这种网站的页面自适应是怎么做的呢?

0
悬赏园豆:10 [已关闭问题] 关闭于 2015-01-29 15:18

这是网易游戏的页面,感觉自适应做的超棒,, 谁能告诉我这是怎么做的呢?实现原理是什么?

还能再菜点吗?的主页 还能再菜点吗? | 初学一级 | 园豆:84
提问于:2015-01-22 15:35
< >
分享
所有回答(5)
0

css牵扯的东西不少,这个效果很好做,关键看你是兼容几种浏览器,都要兼容哪些版本。

比如在 IE 11 中这些效果实现就很容易,把要自适应的部分做成百分比,再设置一个min-width,再设置一下overfollow,基本上就可以实现了,当然太细节的东西也不是一两句能说清楚的。

空明流光 | 园豆:62 (初学一级) | 2015-01-22 16:06
0

这也没适应啊。

夏目家的猫 | 园豆:200 (初学一级) | 2015-01-23 08:38

难道这还不是自适应吗?

支持(0) 反对(0) 还能再菜点吗? | 园豆:84 (初学一级) | 2015-01-23 11:13

关键问题使这是怎么做的?

支持(0) 反对(0) 还能再菜点吗? | 园豆:84 (初学一级) | 2015-01-23 11:13

@还能再菜点吗?: 你缩小窗口,发现导航条都没显示完全。

支持(0) 反对(0) 夏目家的猫 | 园豆:200 (初学一级) | 2015-01-23 11:15

@BetterMaple:  这个一般网站都这样吧,,, 不可能你吧窗口缩小到一厘米款也给你吧内容显示完全把?  抛开这一点 ,能告诉我这个在你看来不完全严格意义上的自适应是怎么做的吗?

支持(0) 反对(0) 还能再菜点吗? | 园豆:84 (初学一级) | 2015-01-23 11:20

@还能再菜点吗?: 我用手机打开这个网站。是自适应的。但网页版没有吧。你看微软的官网:http://www.microsoft.com/zh-cn/default.aspx。这个就是自适应的,在PC上也可以自适应。

使用media query来做啊。

支持(0) 反对(0) 夏目家的猫 | 园豆:200 (初学一级) | 2015-01-23 12:11
0

自适应一般就是要做两件事,一是把固定宽度变成百分比,二是根据宽度显示不同的分栏。

自己弄的话,可以考虑利用@media自下向上兼容。另外针对图片做些css上的调整,基本就可以实现响应式布局了。

另外,响应式布局目前已经有一些成熟的框架可用,比如bootstrap用得好的话,基本可以解决不少需求了。

hushpeak | 园豆:170 (初学一级) | 2015-01-24 16:50
0

media query

irocker | 园豆:274 (菜鸟二级) | 2015-01-27 17:00
0

你说的就是响应式网页吧?网页根据屏幕的大小来响应不同的网页布局。我给你一篇文章看看

http://www.mahaixiang.cn/wzsj/278.html

响应式网页布局的实现方法原理

红红火火恍恍惚惚惚 | 园豆:175 (初学一级) | 2016-06-11 22:45
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册