wanglong_web

在做H5项目时，需要在横竖屏变化时，做一些处理。原生的orientationchange事件又有兼容性问题，本文从orientationchange、resize监听、matchMedia三个方面讲了如何一步一步实现一个兼容性较强的监听横竖屏变化事件

一般在响应式中，我们会要求视频的宽高比为16：9或4：3，当用户改变浏览器宽度的时候（改变高度不考虑），视频的宽度变了，那么高度也得根据我们要求的16：9或4：3改变。本文提出了一般的解决思路，并发散性的提出了几个解决方案。

原文链接：Displaying Content in Full Screen using the Fullscreen API 作者：javascriptkit 译者：浪子 转载需提前联系译者，未经允许不得转载在浏览网站的时候，我们有时候需要全屏显示某些内容，比如在你选择图片或…

作者：科迪·林黎（Cody Lindley），由「前端大师（Frontend Masters）」倾情赞助。 这是一本可供任何人使用的指南，用于学习前端开发实践。该指南大体上勾勒出了前端工程的轮廓，同时也讨论了前端工程的实践：2017 年，如何学习前端工程，用什么工具来实践？ 笔…

CSS 于 2016 年发布的开源项目，其产量之大超出人们的预料，但纵观 CSS 在过去几年的巨大变化与快速发展，此结果的出现似乎又在情理之中。这些 CSS 库、框架和工具的建立不仅给我们提供了学习的视角，更给我们的工作与生活带来了便利。 原文地址 https://speckyboy.com/top-50-css-libraries-frameworks-tools-2016/

关于 首发地址：微信公众号——前端呼啦圈（Love-FED） 我的博客：劳卜的博客 知乎专栏：前端呼啦圈 前言 前端工程师其实是一个工作很杂的职位，除了要负责切图、写html/css/js外，还要解决一系列的浏览器兼容性、网页性能优化等问题，所以提高前端工程师的开发效率是势在必…

做过移动端网页的都知道，在一些高要求的移动网页上解决 Iphone5、6、6p，的屏幕适配问题上花了不少功夫，但有时候还是不尽满意，各种设备上显示还有稍微有一点差距的。我曾今也尝试了很多办法，也参考了别人加的思路，有的用 js，有的用媒体查询，有的用一些比较新的单位 rm、rem 等等...... 我觉得还是很麻烦，难道就没有一个可以一行代码解决问题的方案吗？经过我各种的尝试之后终于有了，目前阶段还没发现 bug，如果有问题，还请不吝赐教!

通过 css 属性特征选取元素