viewport标签极其属性代码如下ltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot每个属性的详细介绍2使用css3单位remrem是CSS；当浏览器的宽度大于360px的时候就是1575px文字大小，这样的话，表格里面的内容就可以完整的显示具体的代码还需要你自己来写。

这样一来，你给元素设置了固定高度，如果你又给他设置了“overflowauto”，那么当元素内容超过容器后，这样元素的就会出现滚动，而不会自适应内容的高度 HTML Markupltdiv class=quotverticalquotcontentltdiv复制代码 CSS Codevertical；05 在HTML文件中加上对样式文件的引用，返回文件夹，双击HTML文件，发现浏览器的变化会引着图片一起变化，自适应屏幕的大小。

可以用JS监控屏幕大小，然后调整Canvas的大小在代码中加入JS windowresizeresizeCanvas function resizeCanvas canvasattrquotwidthquot， $windowget0innerWidth canvasattrquotheightquot， $window；HTML5自适应网站是现在的主流，也可能是未来N年的主流公司企业HTML5自适应网站模板可以用千博html5如何通过页面长度来设置p长度给长度的时候都按照%的形式~就会实现自适应缩放~根据浏览器的大小打开~我用HTML做了一个。

只有内嵌css有效，外部css会出现拉伸的情况，所以有两种方案 var myCanvas = quotltcanvas id=#39myCanvas#39 width=#39quot + screenavailWidth + quotpx#39 height=#39quot+ screenavailHeight + quotpx#39ltvanvasquot。

html5中是通过css3的backgroundsize来控制自适应的直接在图片代码里面设置style，例如ltimg src=quotxxxjpgquot style=quotmaxwidth100%quot2要么给图片统一一个class名例如responseimg，然后在css文件里面设置这个class h；在外面再设置个table，设定成两列，左边一列固定宽度，里面放个table，装第12列。

media query代码中隐藏表格的头部单元，并且将每一个单元格的datath作为标签显示在单元格内容的前面每一行的第一个单元格都设置了特别的背景色和前景色，使之更为清晰；上面的代码意思是，如果屏幕宽度小于400像素，则column块取消浮动float宽度自动调节widthauto，sidebar块不显示display八图片的自适应fluid image除了布局和文本，”自适应网页设计”还必须实现。

aa display flex 使用flex布局，可以轻易获得水平布局 alignitems center 垂直方向居中 justifycontent center 水平方向居中 height 200px border 1px solid #000aa1， aa2。

2将table的宽度固定500宽度，图像自适应表格大小图像设置宽度100%，代码如下lttable width=quot500quot lttr lttdltimg src=quot；首先你要在html页面头部加上下面的代码viewportquot，不懂可以百度content=quot，一些小的模块可以用固定尺寸meta ， name=quot再就是css中要应用到媒体查询，不能不用固定尺寸lt，其次你要把页面中的宽度修改为百分比。

1首先打开vscode编辑器，新建一个html文档，里面写入一个外层的div，再加入一行table表格2然后在上方的style标签中加入css样式，设置table标签的样式，table的元素具有长度自适应性，其长度根据其内文本长度决定，只要设置。