web的适配问题 财富值85

2016-10-23 19:27发布

1.发现不少网页的响应式很好,这个是如何实现的。如下效果:

  • 正常PC浏览时:

  • 移动端

注:我把代码保存到本地时将meta、js都注释掉了,只保留了一个core.css,显示效果一致,但是没看到具体是如何做到的啊?

2.还有其他方式做适配么?好像看见有流式布局的

希望能举举例子说明

付费偷看设置
发送
4条回答

意思就是在设备屏幕宽度在0~768px的范围时生效的一套css

基本思路就是根据屏幕大小,你需要把部分内容隐藏、替换显示。
至于怎么去实现,可以参考bootstrap3

这是用到了media query(媒体查询)。好处就是仅仅使用css就可以对不同设备宽度进行适应,缺点就是要针对不同设备宽度,每个宽度范围都要写一套css,代码量大(不过现在的设备宽度适应基本都是用的media query来实现的)。

其中的

一周热门 更多>