页面设计相关链接收集

浏览器版本

  • StatCounter国内电脑端浏览器版本统计(15年8月~16年8月);

屏幕分辨率

  • W3Schools上的分辨率统计;

  • 网页设计中常见的宽高比;

  • 常见显示设备的媒体查询标准;

  • 百度统计的中国网民分辨率使用情况;

IE兼容性

  • 设置仅用于IE的样式;

  • 设置IE渲染模式;

  • 设置IE及Chrome渲染模式;

  • IE8 CSS 样式兼容性清单;

  • IE8开发者指南-MSDN;

  • IE6~8的媒体查询实现方案;

  • 专门针对IE的媒体查询的写法;

  • 可用于IE8的vh&vw(官方Demo页面在Win7+IE8环境中并没有实所说的效果);

  • 跨浏览器实现vh&vw的方案(比上一条方案要新一些);

  • 使background-size在IE8中生效;

  • 兼容IE8的flexbox;

  • CSS3PIE(可在IE6~8中实现原本不支持的圆角边框、阴影、渐变背景等);

页面等比例缩放

  • CSS实现缩放时保持比例;

  • 上一条所用到的长度单位的说明;

  • CSS+JS实现整体等比例缩放;

  • 巧妙实现上一条中用到的IE8不支持的transform参数;

  • SO上IE8中实现transform的相关讨论;

  • 字体随容器宽度变化而缩放;

  • 背景图片始终填满页面(目前采用第三种方法,纯CSS实现,并可保证各浏览器中背景图均以原始比例显示);

色彩搭配

  • 配色盘;

  • 色值转换;

其它

  • 前端工程师和设计师必备的Chrome插件;

你可能感兴趣的:(html,css,javascript,ie8,ie8兼容性)