1實例名稱textarea自適應文字行數(shù) 2實例描述textarea是HTML中的文本元素，可實現(xiàn)文字的多行輸入，也可以控制行數(shù)和列數(shù)本例學習如何讓textarea根據(jù)用戶的輸人文本，自動調(diào)整高度和寬度3實例代碼lthtm。

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

可以用JS監(jiān)控屏幕大小，然后調(diào)整Canvas的大小在代碼中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $window。

以下幾種方式1css把寬度設置成百分比，width100%左右布局按一定比例設置好 ，需要多次調(diào)試，保證不同分辨率下的美觀性2根據(jù)不同分辨率或者不同屏幕大小定義相應的CSS文件一般多采用這種方式比如ltlink rel=quot。

quotbeforeEndquot， myCanvas或者這種做法 var myCanvas = documentcreateElementquotcanvasquotmyCanvassetAttributequotwidthquot， screenavailWidthmyCanvassetAttributequotheightquot。

無論是電腦還是手機，要做到自適應屏幕，其實都是一樣的首先，在網(wǎng)頁代碼的頭部，加入一行viewport標簽metaname=quotviewportquotcontent=quotwidth=devicewidth CSS字體自適應字體設置使用CSSfont屬性定義和用法font簡寫屬性在一個聲明。

maximumscale=1quot 參數(shù)解釋viewport是網(wǎng)頁默認的寬度和高度，上面這行代碼的意思是，網(wǎng)頁寬度默認等于屏幕寬度width=devicewidth，原始縮放比例initialscale=1為10，即網(wǎng)頁初始大小占屏幕面積的100%。