关于自适应页面的一些小总结

原创 前端薇薇 随笔 工作 444阅读 2018-03-06 16:27:43 举报

1.写自适应页面时,一定要先规划好布局,分好区块
2.如果要自适应宽度,那么横向方向上的大区块的定位(横向部分)和宽度一定要用百分比来写;若要自适应高度,那么纵向的大区块的定位和高度也一定要用百分比来写;
3.关于字体大小,我用的是用js动态获取html的字体大小,这个要根据设计图来,我的设计图是1980×1020的,所以,我给1980的宽度的html设置的font-size为100,以这个为依据,然后分别算出不同宽度时的font-size,其他具体的值可根据这个font-size来计算,单位为rem,即相对于html来计算的
4.关于大区块的定位,我用的是浮动+相对定位,大区块内部的小区块用的绝对定位
5.我是用1980*1020的尺寸做的,不过兼容到小屏幕时有点问题,希望各位大神前来指教,有可能是什么引起的呢?

评论 ( 2 )
最新评论
前端薇薇 1F 2018-06-28 18:34:28 2F

谢谢,那我写麻烦了

1615229800 2018-03-06 18:57:26 1F

使用手淘的flexible.js就可以了