html5百分比，html 百分比布局

html5网页按比例缩放

1、方法、步骤：第一步，双击或者右击打开浏览器软件，接着搜索并打开想要浏览的网页，然后点击右下角箭头所指的放大镜图标。第二步，来到下图所示的缩放窗口后，移动箭头所指的滑块到100%或者继续向右滑动。

2、meta name=viewport content=width=device-width， initial-scale=0， user-scalable=no， minimum-scale=0， maximum-scale=0/ 上面的参数看名知意，按需修改。

3、进入浏览器。在浏览器右上方工具栏中找到“查看”菜单。进入“查看”菜单，找到“页面缩放”选项。设置缩放比例（小于100%是缩小，大于100%是放大）。方法2 点击进入浏览器。在浏览器下方找到缩放选项。

4、具体如下： 第一步，在电脑上点击打开浏览器。 第二步，进入浏览器主页，点击主页右上角的三条横杠图标。 第三步，打开菜单，点击其中的网页缩放。

5、有一项是”缩放比例对所有页面生效“，勾选上就可以了。首先打开电脑桌面的浏览器。打开之后在浏览器页面的右下角位置，有一个100%字样，就表示此刻的页面比例是100%的。

相关问答

Q1: html5如何自适应屏幕

(p数据-你好，设置)//设置 html5设置图片自适应屏幕宽度？使用百分比，比如 这样就会保持屏幕的50%的宽度。

首先你要在html页面头部加上下面的代码，其次你要把页面中的宽度修改为百分比，不能不用固定尺寸，一些小的模块可以用固定尺寸。再就是css中要应用到媒体查询，也就是@media，不懂可以百度。

可以用JS监控屏幕大小，然后调整Canvas的大小。

通过设置viewport参数 使用css3中的缩放 两种方法都需要获取当前屏幕大小然后根据网页宽度来计算缩放比例，然后进行缩放。但是因为目前手机种类繁多，浏览器种类也很多，所以每种方法各自都有不少的问题。

结论：要做真正的“感应式”设计，自动适应多个屏幕，又不想写代码，就只能用互动大师http：//vxplo.cn去做。

style=width：50%/ 这样就会保持屏幕的50%的宽度。

Q2: 请帮我看下为什么HTML5页面高度用百分比不能用

百分比是指相对父元素来说的，如果你的父元素没有宽高，那个百分比也就不能起作用了。

因为页面并没有缺省的高度值，所以，当你让一个元素的高度设定为百分比高度时，无法根据获取父元素的高度，也就无法计算自己的高度。

div的100%是从其上一级div的宽高继承来的，有一点很关键，就是要设置div100%显示，必须设置其上一级div的宽度或高度，否则无效。

这里我用了“理论上讲”，因为有些浏览器不支援高度属性。 可视性：利用CSS，你可以隐藏要素，使其在页面上看不见。这条属性对于定位了的和未定位的要素都适用。

meta name=viewport content=width=device-width， initial-scale=0， user-scalable=no， minimum-scale=0， maximum-scale=0/ 上面的参数看名知意，按需修改。

span是针对行元素的标签，与div这样的块元素不同，所以你设置span，仅对其中的文字元素有效，比如设置颜色、字符大小等，其他的就没用了。 追问 我给span定义样式也不可以固定他的宽度和高度吗 追答 不可以的，定义也是没有效果。

Q3: 【html5+css3】怎么有的网站写的是body{font-size:62.5%;}有的写的...

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的div标签中，输入样式代码：style=font-weight： 800。

em为单位这种技术需要一个参考点，一般都是以\body的“font-size”为基准。

一般来说，当我开始一个新的设计，我将在 body元素上使用百分比 (body { font-size： 65%； })， 然后使用em单位大小 来比较。

如sass中的计算方式，或者通过js来改变根元素的大小。em相对于父元素来决定，而rem是根据html的字体大小来决定的。

Q4: 怎么制作html5网站页面让它适应电脑和手机的尺寸

1、首先建议你用html5来开发，然后，在网页的 中增加以上这句话：可以让网页的宽度自动适应手机屏幕的宽度。

2、utf-8meta name=viewport content=width=device-width， initial-scale=1 使用百分比定义宽度，CSS代码可以适当使用：media only screen and (max-width：449px){ } 自动根据屏幕像素 调用不同的CSS代码。

3、制作网站使页面大小自适应的方法代码如下：一种自适应建立计算机站网站的方法 全屏宽度主要在于CSS代码，将宽度设置为100%，而不是固定的像素值。代码如下。

4、搜索栏支持多个搜索引擎；调整内核窗口的速度 css如何让图像的大小自适应屏幕？在平板上和手机上都能自适应？无论是电脑还是手机，要做到自适应屏幕，其实都是一样的。

5、工具/原料sublimetext1打开你需要制作手机网页的html或者php等等网页源码文件。在 之间加入meta标签。2向浏览器声明该网页为移动设备自适应网页的meta标签为：3将以上标签加入之后保存，再用手机打开即是自适应网页了。

Q5: 如何用html5在网页上设置进度条?

从图中的代码看，要生成一个进度条十分简单，用progress控件就行了。按上面的代码运行页面，就可以得到一个标准的进度条了。progress可以设置二个参数，value和max。

我们首先需要新建一个html5的页面，其使用的progress元素实在html5时代才出现的。我们在新建的页面中，输入一个段落标签，一个进度条，一个button按钮。然后，我们需要设置一下进度条显示的进度。

可以用html5实现，也可以做成gif的图片，你只需要设置为和你程序设置一样的时间然后进度条自动结束就好了。用图片是最好实现，用ps软件就可以制作。

html5百分比的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html 百分比布局、html5百分比的信息别忘了在本站进行查找喔。