html页面怎么自适应(html页面怎么自适应浏览器的大小)

html页面怎么自适应


一、 自然拉伸
如果你的网站结构没有用到大量的图形来衔接,主要由表格来定结构,那么你就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。制作表格时,只要你把表格的宽度属性定义为100表格就会根据分辨率的不同自行调整宽度。
二、 固定居中
在800×600分辨率下制作的网页在1024×768分辨率的机器上打开,整个网页就会跑到左边;1024×768分辨率的网页在800×600分辨率的机器上有时也会变得"不堪入目"。两种分辨率各做一个吧?做起来费劲。

html页面怎么自适应浏览器的大小


在<head>里写
<metaname="viewport"content="width=device-width,initial-scale=1.0">就可以了。
还有就是页面中元素的宽度尽量使用百分比,尤其是宽度300px以上的元素


html代码中宽度的自适应


自适应宽度: td {
width: 1px;
white-space: nowrap; /* 自适应宽度*/
word-break: keep-all; /* 避免长单词截断,保持全部 */
}
自适应高度 table {
table-layout: fixed;
width: 100
}

宽度自适应吧.不要设置成1300px,width:100argin:0 auto;div标签里的宽度不超过分辨率可以设置max-width