1实例名称textarea自适应文字行数 2实例描述textarea是HTML中的文本元素，可实现文字的多行输入，也可以控制行数和列数本例学习如何让textarea根据用户的输人文本，自动调整高度和宽度3实例代码lthtm。

上面的代码意思是，如果屏幕宽度小于400像素maxdevicewidth 400px，就加载tinyScreencss文件ltlink rel=quotstylesheetquot type=quottextcssquotmedia=quotscreen and minwidth 400pxand maxdevicewidth 600pxquot。

可以用JS监控屏幕大小，然后调整Canvas的大小在代码中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $window。

以下几种方式1css把宽度设置成百分比，width100%左右布局按一定比例设置好 ，需要多次调试，保证不同分辨率下的美观性2根据不同分辨率或者不同屏幕大小定义相应的CSS文件一般多采用这种方式比如ltlink rel=quot。

quotbeforeEndquot， myCanvas或者这种做法 var myCanvas = documentcreateElementquotcanvasquotmyCanvassetAttributequotwidthquot， screenavailWidthmyCanvassetAttributequotheightquot。

无论是电脑还是手机，要做到自适应屏幕，其实都是一样的首先，在网页代码的头部，加入一行viewport标签metaname=quotviewportquotcontent=quotwidth=devicewidth CSS字体自适应字体设置使用CSSfont属性定义和用法font简写属性在一个声明。

maximumscale=1quot 参数解释viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度width=devicewidth，原始缩放比例initialscale=1为10，即网页初始大小占屏幕面积的100%。