⑴ html 屏幕大小问题

这是你做页面的时候没规划好。一般设计网页之前就要考虑显示器的尺寸。

显示器一般是以下几个尺寸：

1366x768/1440x900/1600x900/1920x1080

我们不需要考虑显示器高度，很多网站将页面设计成最大1200宽。

通常一个页面设计好之后我们要把这个页面的模块根据宽度分成两个类：

  1. 小于1200px宽的；

  2. 大于1200px宽的；

对于小于1200宽度的模块，我们只需将其根据设计上的尺寸写出来即可。

这部分的内容在css中的特征是数值都以像素显示，如600px、150px之类的。

接下来处理让很多程序员头痛的部分：大于1200宽的部分。

这就需要知道自适应的概念了。

所谓自适应，就是不论在什么尺寸的显示器上显示，这类模块都会根据一定的比例在显示器中显示，如果不是刻意为之，是不会有超出显示器屏幕宽度的部分存在的。

这部分模块的特点在css中经常以%体现，比如：width:50%;、left:20%。

此外，对于width:100%之类的样式，浏览器依然会出现横向滚动条。

但是此时的滚动条几乎是毫无作用的，偏差不过五六个像素而已。

若为了追求完美，完全可以在开头处加入以下的js代码：

document.body.overflowX="hidden";

若你按照以上的方式去做页面，则可避免显示器分辨率的问题。

⑵ 在html中将插入背景图片,如何让背景图片跟屏幕一样大

在html中将插入背景图片，让背景图片跟屏幕一样大的步骤如下：【新建文件夹】-【新建一个html空白文档】-【<body></body>】-【浏览】-【插入】-【预览】。

  1. 点击【新建文件夹】。如图所示：

⑶ 怎么让html图像和屏幕一样大

使html中div内的图片随屏幕大小调节的操作方法为，将div与img的宽度都设置为100%，代码如下：

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""

<htmlxmlns="

<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>图片大小自适应</title>
<styletype="text/css">
div,img{width:100%;}
</style>
</head>
<body>
	<div>
<imgsrc="20150930010349.jpg"/>
</div>
</body>
</html>



详细代码见附件。


效果图如下：特别说明：
要图片跟随屏幕大小显示，可以将图片与div的宽度调整为100%，并且body不设置宽度（或者也设置为100%），在使用不同屏幕浏览网页时，图片将自动铺满屏幕。


⑷ html布局：一个小网页在大屏幕显示，想要居中效果。那么，<body>及背景图片怎么设置才能达到居

body{ background: url("images/aardvark.gif"); background-repeat: repeat; margin:0px auto ;text-align:center;}

⑸ 做好的html，怎么让它转成html5自适应屏幕大小

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

<metaname="viewport"content="width=device-width,initial-scale=1"/>

⑹ html页面怎么设置固定屏幕大小。

第一步：
将以下代码加入页面：
<script language=javascript>
function hero()
{
var herowidth=400;//改为你要的网页宽度
var heroheight=300;//改为你要的网页高度
window.resizeTo(herowidth,heroheight);
}
hero();
</script>

第二步：
在<body>中加入：
<body onresize=hero();>

⑺ html里，如何让背景图片根据屏幕大小铺满屏幕不重复

html里，让背景图片根据屏幕大小铺满屏幕不重复，具体方法如下：

1、首先我们用Dreamweaver软件做一个html文档，当然用其他编辑器也可以。

5、需要注意的是这是css3增加的新属性，旧版本的浏览器可能不支持。所以有时需要更新浏览器。

⑻ html页面 自适应pc端 屏幕大小 怎么设置

使用媒体查询，参考bootstrap里面的设置，或者直接使用bootstrap框架吧，根据浏览器的宽度自动设置宽度的

媒体查询代码实例

@media only screen and (max-width: 500px) {
.gridmenu
{
width:100%;
}

.gridmain
{
width:100%;
}

.gridright {
width:100%;
}
}

⑼ 如何设置html自适应屏幕大小

给每个div设置的是百分比宽就可以了。

还有什么不懂可以追问。