如何设置页面宽度自适应

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何设置页面宽度自适应相关的知识,希望对你有一定的参考价值。

参考技术A //设置小于1000px时,固定宽度显示
@media screen and (max-width:1000px)
body
width:1000px;
height:760px;

@import url(index.css);//调用原有的css,实现自适应宽度


html中调用两个css文件即可。

2.让页面不会随着屏幕变大变形的方法,在div中设置另一个div,layout,将内容放在其中,设置固定宽度,设置margin:0 auto. ----京东导航条

如何设置table的宽度自适应

参考技术A table中添加样式 style="width:100%;",有用请采纳;//用样式比较规范;

<table style="width:100%;background-color:#00f;border:1px solid #f00;">
<tr>
<td>如何设置HTML页面自适应宽度的table</td>
</tr>
</table>

1
2
3
4
5

<table style="width:100%;background-color:#00f;border:1px solid #f00;">
<tr>
<td>如何设置HTML页面自适应宽度的table</td>
</tr>
</table>本回答被提问者采纳

以上是关于如何设置页面宽度自适应的主要内容,如果未能解决你的问题,请参考以下文章

如何让网页自适应所有屏幕宽度

如何设置HTML页面自适应宽度的table(表格)(一)

iframe自适应高度设置(iframe自适应高度和宽度)

前端页面高度和宽度自适应怎么做?

如何设置HTML页面自适应宽度的table(表格)(一)

如何设置HTML页面自适应宽度的table