前几天，舍友去某互联网公司面前端研发工程师。回来后，他就跟我们聊了下面试官给他出的题。其中，有一道题是“如何实现iframe高度的自适应？”。好吧，我承认，我听到iframe这个词的第一反应就是：这个东西性能差、搜索引擎不友好等等。由于这样的偏见，还真没有好好研究一下iframe ...

本文参考与http://stackoverflow.com/questions/26295277/wkwebview-equivalent-for-uiwebviews-scalespa ...

function init(){ if( document.body.scrollWidth > (window.screen.availWidth-1 ...

http://blog.csdn.net/wodetiankong516/article/details/7827256 Background 有时， 我们需要将div或者其他的Element 自适应屏幕，窗口以及浏览器 , 这样会提高页面美观，提升用户体验， 只是个小问题，但是它用 ...

最近做项目发现Highcharts无法自适应屏幕大小，看了API发现图表高度是固定的，于是只能调整图表的宽高度 $(function () { $(window).resize(function () { var windowHeight ...

最近在使用canvas标签，使用的过程，要注意：设置canvas.width和canvas.height。对于PC端来说，只用设置你需要的canvas的大小就ok了。在移动端，那就必须要考虑屏幕适配问题。 获取canvas： 获取移动设备屏幕的大小 ...

经常会遇到这种需求，就是根据图片的最长边缘来等比自适应，通过纯css可以很简单的使图片不变形显示。 应用场景 例如有长大于宽的 也有宽大于长的当然也有长等于宽的，但是需求是不知道图片的长和宽哪个长，那么就需要在不管图片的长和宽哪个长哪个短，在容器中都能自适应保持等比放大或缩小如图： 长大于宽 ...

要想实现css屏幕大小自适应，首先得引入 CSS3 @media 媒体查询器： media的使用和规则： 　　①被链接文档将显示在什么设备上。 　　②用于为不同的媒介类型规定不同的样式。 语法： 1 @media 设备名 only （选取条件） not （选取条件） and（设备选取条件 ...