做有态度的前端团队

网易FEG前端团队

标签 适配 下的文章

  • 再聊PC页面适配

    今年3月份写过一篇《聊聊PC端页面适配》文章,里面主要谈到一些对pc端页面做适配的看法以及方法(百分比和js检测)。最近在做劲舞团的官网,再次遇到了适配这个点,而且把适配要求提得更高点。所以这次咱们再来聊聊~ 适配考虑的方法主要还是之前文章说的两种,那么劲舞团官网遇到的适配新挑战是什么呢? 1、需要适配的尺寸有明显的区间区分 2、不一样的布局和交互:横向双屏布局以及横向滚动切屏交互 先来个整体的布局示图: 适配区间分析 因为页面是分两屏的设计,这里的适配区间需要考虑两层:第一层是浏览器可视区域的大小变化下,页面左右两屏的宽度适配;第二层是当左右屏宽度发生变化后,左右两屏里面......

    JavaScript

  • 聊聊PC端页面适配

    PC端适配?什么鬼!!!做不了~ PC端适配?又不早说,都做完了,还适配毛线~ 页面有bug!!!!为什么我笔记本打开只看到一半~ ... 以前谈适配只会想到移动项目,而有时候转做pc端,有一个很爽的感觉就是什么的尺寸都可以写死,不需要担心设备尺寸不同的问题。但是现在越来越多的PC项目也有适配的需求:目前我们pc项目的设计稿尺寸是宽度1920,高度最小是1080。对于宽度,我们规范了主体内容在1200以内,高度只有个最小值规范。 为什么pc需要考虑适配 因为pc需要考虑最小设备主体是1366*768分辨率的14寸普通笔记本,768的高度减去浏览器工具栏和桌面任务栏,实际的可视高度只......

    其他