自适应 使网页能适应不同终端设备的技术。原理是通过检测视口分辨率来判断是什么终端的，PC，手机还是平板。 做自适应的网页时，需要在代码中加入“祖传代码”，即通用代码。 这是在头部head引入的： 分别代表的意思是： initial-scale=1.0 ：初始缩放比例为1.0 ...

学习过bootStarp之后，一直最自适应布局很感兴趣，尤其是BootStarp的栅格系统，所以做了一个html小demo，来记录一下自适应的过程 重要的css属性 弹性盒子 display:flex; flex-wrap:wrap; justify-content ...

在做自适应网页的时候，如果在图片中使用了热区map。图片可以通过样式实现：图片大小随页面变化，但是MAP中每个area的坐标并不能通过css直接实现自适应。这篇文章就介绍通过原生js来实现：MAP中每个area的坐标也随页面等比例的变化效果。 map area 热区自适应的实现 ...

html页面实现响应式的方式有很多，本篇介绍懒人必备一招见效的方法。 在head标签中加入 这样页面就能根据屏幕的宽度变动了。 如果想要图片自适应 加上width="100%"，或者是 90 再居中显示。 ...

一、demo View Code 二、扩展一：iframe自适应高度 document.body.scrollHeight取值不对 浏览器所有内容高度： 浏览器整个框架的高度，包括滚动条卷去部分+可视部分+底部隐藏部分的高度总和。 浏览器滚动部分高度 ...

想到的一种办法是，在父页面里获取子页面的高度，在父页面onlod里把获取到子页面的高度赋值给父页面iframe标签，不过这种方法感觉不是很好，因为浏览器兼容性不好，获取不到高度 这种方法有两种写法 ...

html layui高度自适应layer.open({ type: 2, title: false, closeBtn: 0, shadeClose: true, area: ['675px','auto'], //宽高 content: ["./goodsDetail.html ...

为图片添加MAP： [html] view plain copy <div> <span id="lbresult"> src ...