op_lx的博客

原创 PC端数据可视化看板rem适配不同屏幕分辨率

该布局可实现效果：浏览器窗口缩放，页面所有元素会自动跟随缩放（注意：chrome浏览器默认最小字体尺寸为12px，所以字体缩小到12px后将不再缩小）。无滚动条，浏览器窗口大小和比例的改变都不会出现滚动条。实现步骤：使用rem布局。首先引入flexible.js，如果是vue项目可以使用npm下载。修改flexible.js中对屏幕分数的划分，这里设置为24份。（份数并不固定，这里是默认按1920px宽的分辨率进行设定）。默认屏幕宽为1920px，屏幕分成24份，那么每份尺寸为

原创 让图片在div盒子中居中

原创 Math.random( )取随机数

代码:

原创 响应式布局

##响应式布局

原创 webstorm中px单位自动转换成rem

file → settings → plugins, 在搜索中输出px2rwd 点击安装设置比例File -settings - PX2REM