Web前端开发笔记
pink__伊伊
不在沉默中爆发,就在沉默中死亡。
展开
-
移动端按设计图1:1布局方法
1.为什么要写这篇教程? 移动端布局大多数前端工程师使用的是百分比布局,然而百分比布局造成了很多问题,比如图片在不同分辨率下会有变形的问题,高度需要按照分辨率去兼容适配等等。今天给大家分享的这种布局方式,可以摈弃百分比布局,直接根据设计图1:1去布局即可,不需要再去做过多的适配。也不需要去计算。优点:可以快速布局,不需要去计算,直接根据设计图去1:1布局即可。 缺点:在某些不常用的机型上,可能原创 2016-11-21 11:04:20 · 2057 阅读 · 0 评论 -
web前端布局篇(切图)
web前端布局篇(切图) 这里的切图不是指ps里面的切图,而是指web前端工程师将设计图转化为静态页面的过程。在布局的时候,我们通常会以设计图为蓝本,然后将设计图拆分,变成一个一个的HTML标签,搭配上css样式,实现静态页面的布局。web前端新手在布局的时候出现的问题1.只注重结果,忽略代码结构。 2.代码的重构性很差,稍微一加减板块,整个页面全部瘫痪。 3.CSS冗余样式很多。 4.原创 2017-04-07 12:29:12 · 5254 阅读 · 1 评论 -
rem布局
js代码如下:;(function(win,doc){var rem = 100 * doc.documentElement.clientWidth / 1920; doc.documentElement.style.fontSize = rem + 'px'; win.onresize = function () { rem = 100 *原创 2017-09-20 10:11:43 · 701 阅读 · 0 评论