html5怎么随着网页大小变动，html文字随网页大小而变化

让网页的背景图片随着窗口大小的变化而变化有几种方式

1、背景图片怎样随浏览器的大小而改变大小 用背景图像重复这种方法很简单，也很常用，在dreamweaver软件里，具体步骤是：菜单“修改”-“页面属性”（快捷键：ctrl+J）-“外观”-按自己的实际要求来选择背景图像和重复参数。

2、可以设置下背景图片的宽度和高度都是100%（自适应）。举例：；此时设置的图片即可全屏幕显示。如果设置的是像素如“2000px”，可能会出现超出屏幕大小的现象，这样展示也就不美观了。

3、用PS把你的图片处理一下，处理成你显示器一样的大小就行了。可以通过做一个层来做背景，然后改变图片img的大小就行。把图片放到table里也能跟随table的大小而变化。

4、imgbox此时的css可以写成：.imgbox img{width：100%；}这样，图片的大小就会根据其父级容器的大小而变化，图片的宽度只设置百分比，这样可以根据浏览器窗口的大小变化而随时调整。

相关问答

Q1: 做好的html怎样转成html5自适应屏幕大小?

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

2、方法 为不同分辨率单独做样式文件，在页面头部用js判断分辨率后动态加载定义好的样式文件。样式文件命名格式如：forms[_屏幕宽度].css，样式文件中只需重新定义文本框和下拉框的宽度即可。

3、自然拉伸 如果你的网站结构没有用到大量的图形来衔接，主要由表格来定结构，那么你就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。

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

Q2: html5如何自适应屏幕

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

可以通过webview方式访问远程，也可以把html5页面放在手机app端，本地方式进行访问。但都离不开webview。

自然拉伸 如果你的网站结构没有用到大量的图形来衔接，主要由表格来定结构，那么你就可以使用该方法。非常适用于主要由表格、文字来表达信息的简单的网页页面。

建议：如果是小白的话，要不然不会自适应屏幕大小的，只要你编写的html代码符合html5规则就行html5不是转化的，建议你看一下html5标签文档 解决方案3：看你之前是怎么做的，最好都调整成百分比的，这样最省事。

html5怎么随着网页大小变动的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html文字随网页大小而变化、html5怎么随着网页大小变动的信息别忘了在本站进行查找喔。