设置自适应宽度一般都是需要把他们的width设置为百分比，你可以测试一下，或者发你的网址来我给你测试一下但是这样设置只能让表格来自适应还需要考虑到表格内容来自适应，举个例子来说吧如下 用@media screen来根据浏览器；ltltspanmeta name=“viewport” content=“width=devicewidth， initialscale=10， minimumscale=05， maximumscale=20， userscalable=yes” 在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的；自适应手机屏幕代码ltmeta name=quotviewportquot content=quotwidth=devicewidthquotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， minimumscale=10， maximumscale=10， userscalable=noquot 首；给长度的时候都按照%的形式~就会实现自适应缩放~根据浏览器的大小打开~我用HTML做了一个页面想让他在手机浏览器中全屏显示，可是只用了多一半屏幕首先建议你用html5来开发，然后，在网页的 中增加以上这句话可以让网页。

这篇文章主要介绍了HTML5 移动页面自适应手机屏幕四类方法总结，非常具有实用价值，需要的朋友可以参考下1使用meta标签viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备；WEB应用的页面，表格的表现形式是常常遇到的，在列数有限的前提下，如何将各列中的内容自适应到不同分辨率的屏幕，这应该是一个比较容易遇到的问题，下面就来谈一谈我对这类问题的解决与看法将所有列设置为固定宽度，显然。

头部要加的是这个，放在ltheadlthead标签里，这是初始化手机屏幕的ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=10， maximumscale=10， userscalable=noquot 你写的这段是要放在所有css；= rem + quotpxquot媒体查询 媒体查询正是为解决网页适应手机屏幕媒体查询的功能就是为不同的“媒体”设置不同的css样式，页面尺寸，设备屏幕尺寸等，比如我们要为宽度小于480px的页面中的class=quoticonquot；1首先打开vscode编辑器，新建一个html文档，里面写入一个外层的div，再加入一行table表格2然后在上方的style标签中加入css样式，设置table标签的样式，table的元素具有长度自适应性，其长度根据其内文本长度决定，只要设置。

lttable在本例中，名为“说明”的列，内容比较长，个人认为可以将此列设置为浮动宽度列，用以自适应页面的宽度 但是当该表格中出现长度比列幅宽的半角字符时，td的宽度会被内容撑破，应该如何解决呢解决此问题的；解决方案1p首先你要在html页面头部加上下面的代码viewportquot，不懂可以百度content=quot，一些小的模块可以用固定尺寸meta ， name=quot再就是css中要应用到媒体查询，不能不用固定尺寸lt，其次你要把页面中的宽度；一自然拉伸如果你的网站结构没有用到大量的图形来衔接，主要由表格来定结构，那么你就可以使用该方法非常适用于主要由表格文字来表达信息的简单的网页页面制作表格时，只要你把表格的宽度属性定义为100%，表格就会根据；stylesheetquot href=quotcssbootstrapcssquotlt！ 如果你只需要自适应表格的话js文件可以不用引入 ltscript src=quotbootstrapjsquotltscriptltheadltbodylttable class=quottablequotXXXXXlttableltbodylthtml；用CSS3 @media 查询 也叫“媒体查询”语法aaawidth1200px 正常样式 下面是分辨率最小为300px，最大分辨率为1024px的样式 media screen and minwidth 300px and maxwidth1024px aaaw。

2将建好的静态页命名为csshtml，标题为了“css如何设置图片大小自适应”3在body中添加两个p，设置不能的宽度，并设class为p1和p2，目的是用一样的css控制图片的宽度在不同的宽度容器中都能很好的显示 4在两个p的c；亲，这个是手机浏览器自带的一个功能，就是把页面等比例缩小的到手机分辨率的大小，这个跟你的网站整体宽度是没有关系的，这个是手机浏览器的功能；lt！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quotlttitle自适应宽度的tablelttitleltstyle type=quottextcssquottable tablelayout fixed bordercollapse collapse width 100%ltstyleltheadlt；html做个表格的步骤如下1首先新建一个html，点击ltbodyltbody中间，先填入表格内容2内容根据需求来写即可，示例代码如下lttable ltp style=quottextaligncenter quot功课表ltp lttr ltth语文ltth lttd。