1、了解什么是”自适应网页设计”自从2010年，Ethan Marcotte提出了 “自适应网页设计”(Responsive Web Design)这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。
成都创新互联公司专注于无锡企业网站建设,响应式网站开发,商城建设。无锡网站建设公司,为无锡等地区提供建站服务。全流程按需求定制设计，专业设计，全程项目跟踪，成都创新互联公司专业和态度为您提供的服务
2、通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。
3、使用textarea标签进行多行文本的输入有很多限制，比如不能实现高度自适应，会出现难看的滚动条等问题。
4、在文档流中，DIV的高度默认就是根据内容的高度自适应的。如果是想适配不同设备的窗口大小，可以设置百分比。或者通过position定位，然后设置top和bottom值。
5、用JavaScript或者jquery 页面加载完，获取当前浏览器显示区域高度。获取页面中我的相册、div关闭相册的高度。用1获取的值减去2所有的值。
6、方法步骤：【实例名称】textarea自适应文字行数 【实例描述】textarea是HTML中的文本元素，可实现文字的多行输入，也可以控制行数和列数。本例学习如何让textarea根据用户的输人文本，自动调整高度和宽度。
1、HTML元素展现在页面内，页面展现在浏览器内，而浏览器展现在屏幕内。通过Js的一些对象可以获取这些容器的高度、宽度。容器的尺寸是指当前分辨率下的高度、宽度，而不是物理高度、宽度。
2、目前来讲html不具备获取浏览器宽度的能力。
3、直接设置选择标记的宽度。首先，在文件中创建一个新的HTML文件和两个select下拉列表 然后在顶部的head标记中设置样式表。首先，设置第一个选择标记的宽度。
A4纸的尺寸是210*297mm。竖向打印，需要把html页面的内容设置成210mm的宽度。单位一定要选择“mm”。 HTML5是构建Web内容的一种语言描述方式。
使用SVG之前先将标签加入到HTML body中。就像其他的HTML标签一样，你可以为SVG标签为之添加ID属性。也可以为之添加css样式，例如“border-style：solid；border-width：2px；”。SVG标签跟其它的HTML标签有通用的属性。
就会发现页面变小了。其实页面的尺寸还是一样的。变小是因为，你显示器变大了。比如你CSS宽度设置成1000PX。那么1920*1080的显示器中就多出了920px，页面自然就小了。H5并有有这一功能。你先要明白分辨率与尺寸的关系。
在css中定义一个控制embed的div样式， 自适应可以利用的浮动元素的尺寸可以通过margin来调整，然后让body的高度要设为100%，这样内部的div的高度设为100%才有效，宽度嘛不用管他，div默认就是自适应宽度的。
你这是要自适应屏幕分辨率吧。在1024*768或者800*600的分辨率下可以自动调整成适用于该客户端分辨率的大小。
我们首先要做的是创建一个canvas对象。可以用JavaScript或HTML来做，都非常简单。此处我用的是JS。当创建了canvas之后，我们就可以获取它的上下文对象（context）、设置尺寸，并且把它加到当前文档中。
