摘要：最近写了一个项目，写页面的结构，html树形结构是有header，container，footer部分，其中container部分是右侧栏是固定宽度，左侧是自适应宽度与屏幕高度。第一次写的博客文章是container部分是左侧栏固定，右侧是自适应效果。左侧栏固定是很好写，但右侧栏固定却不很好写，以下... 阅读全文

摘要：1.有时需要一个select选择框，但是对select选择框希望是既可以选择也可以进行输入。下边的代码就是在select选择框上放了一个input框，覆盖在select上面。实现伪装的select效果。 2. 阅读全文

摘要：1.男性化的字体：粗犷，硬朗，菱角分明，笔直，力量感。一般用在：体育竞技，男性用品，金属，摇滚，营销活动等。2.女性化字体：纤细，柔软，细而婉转，苗条，曲线美。只要是女性化属性非常强，或者是以女性为主流消费群体的设计，都可以广泛使用这种属性的字体。比如爱情类，鲜花类、珠宝配饰类，女性用品、护肤品、化... 阅读全文

摘要：1.移动端的视频播放，用的是公司的极酷阳光播放器。该播放器宽高是固定的，如果想在移动端是横屏与竖屏都是自适应展示，用的是zoom属性，强制界面自动缩放。下边是js代码： 屏幕方向对应的window.orientation值： ipad： 90 或 -90 横屏 ipad： 0 或180 竖屏 ... 阅读全文

摘要：1.article与section div的区别 当一个标签只是为了样式化或者方便脚本使用时，应该使用 div 。 section 表示一段专题性的内容，一般会带有标题.,section 应用的典型场景有文章的章节、标签对话框中的标签页、或者论文中有编号的部分. article 是一个特殊的 ... 阅读全文

摘要：1.通俗讲移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那块区域，但不是浏览器可视区域。一般来讲，移动设备上的viewport都要大于浏览器的可视区域。移动设备上的浏览器会把默认的viewport设置为980px或1024px，这样会造成浏览器出现横向滚动条。2.css中的1px... 阅读全文

摘要：做主题视频库的界面的修改工作，是b/s端的窗口，是由form窗口生成，如下截图：主要有三个方面,1.左侧菜单栏宽度固定，不随整个窗口大变化而变化。2.导出excel按钮的位置的移动，不管整个窗口是变大还是变小，按钮总是在相对同一个位置。1.左侧固定。获取左侧菜单的父元素，然后找到FixePanel属... 阅读全文