很多站长朋友们都不太清楚html中怎么表示百分比，今天小编就来给大家整理html中怎么表示百分比，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 关于HTML语言中的width和height属性，可以用百分比来表示，那…… 2、 求各位大神解答：HTML语言中的width和height属性，百分比有什么作用，举例说明！ 3、 html/css 百分比显示的问题 4、 在HTML5中如何设置屏幕百分比 关于HTML语言中的width和height属性，可以用百分比来表示，那……2者皆是
第一是以屏幕显示为标准，这一点可以以屏幕分辨率得出，调整分辨率后滚动条长度就有所改变，分辨率越大，屏幕显示越多，滚动条就越短！所以HEIGHT百分比的第一属性是以浏览器窗口决定长度的，如：
<table border="1" width="100%" height="100%">
<tr>
<td></td>
</tr>
</table>
以上空表格在调整分辨率的情况下都会占满整个窗口,这是因为此表格没有其它外界因素导致的，所以就以浏览器窗口为准：
第二
再如：
<table border="1" width="100%" height="300">
<tr>
<td>
<table border="1" width="100%" id="table1" height="80%">
<tr><td>
</td>
</tr>
</table>
</td>
</tr>
</table>
以上为表格中的表格，外面个表格决定了HEIGHT为300像素，里面个表格height属性为80%，这个80%就是以这个外表格所决定的（无论如何调整分辨率，这2个表格都会保持原大小不动）
所以这个height属性是由N个因素决定的！ 说了这么多，不知道你明白没有？（也不知道偶是不明自作多情，汗！~）
求各位大神解答：HTML语言中的width和height属性，百分比有什么作用，举例说明！width和height属性是指你设置的宽度和高度，百分比指你设计的东西占屏幕大小的百分比。
例如你在写一个表格的时候：
<html>
<head></head>
<body>
<table border="1" width="80%" height="50%">
<tr>
<td>QQ</td>
<td>QQ</td>
<td>QQ</td>
</tr>
<tr>
<td>QQ</td>
<td>QQ</td>
<td>QQ</td>
</tr>
<tr>
<td>QQ</td>
<td>QQ</td>
<td>QQ</td>
</tr>
</table>
</body>
</html>
你通过调整百分比可以看到表格占总页面的大小的比例也随之改变！
希望以上对你有用！
html/css 百分比显示的问题给你提供一个思路，你可以把最外面加一个DIV来框住全部的内容，然后用JS也好用min-width也罢来控制它的最小宽度800px;最大宽度设100%，这样，当浏览器打开后如果过小就会出现滚动条，如果过大就会随浏览器变大！以前我也做过一个这种要求的网站，就是用的这种方法~具体细节如果有不明白的你可以私信我~
在HTML5中如何设置屏幕百分比<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>景安</title>
</head>
<style type="text/css">
.head{width: 1000px;height: 200px;margin:0 auto;}
.head-a{width: 30%;height: 200px;background: blue;float: left;}
.head-b{width: 70%;height: 200px;background: orange;float: right;}
</style>
<body>
<div class="head">
<div class="head-a"></div>
<div class="head-b"></div>
</div>
</body>
</html>
我们可以使用width：30%和width：70%这样的形式来设置百分比
关于html中怎么表示百分比的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于关于html中怎么表示百分比的信息的详细内容...