HTML背景图片,随不同屏幕分辨率变化始终全屏,网页图片随屏幕分辨率变化始终保持相同比例并且不改变形状

要求:HTML背景图片,随不同屏幕分辨率变化始终全屏,网页图片随屏幕分辨率变化始终保持相同比例并且不改变形状这是我的代码,请高手帮我改一下谢谢:<styletype="t... 要求:HTML背景图片,随不同屏幕分辨率变化始终全屏,网页图片随屏幕分辨率变化始终保持相同比例并且不改变形状
这是我的代码, 请高手帮我改一下谢谢:
<style type="text/css">
<!--
body {
background-image: url(bunt.jpg);
}
-->
</style>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<EMBED src="Parra for Cuva-Antesia.mp3" autostart="true" loop="true" width="0" height="0">
<title>
无敌
</title>
</head>
<body bgcolor="#E6E6E6">
<img src="DX.png" >
<hr>
<img src="music2.png" style="position:absolute; left:20px; >
<div id="Layer1" style="position:absolute; width:100%; height:100%; z-index:-1">
<img src="scity.png" height="420" width="895.8"/ margin="0" style="position:absolute;left:-5px; top:57px; >
<EMBED src="aa.mp3" autostart="true" loop="true" width="0" height="0">
</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<hr>
</body>
</html>
我QQ 361066210 高手加我给钱做谢谢!
展开
 我来答
百度网友0073371
2014-11-14 · TA获得超过232个赞
知道小有建树答主
回答量:246
采纳率:0%
帮助的人:163万
展开全部

如果要做不同分辨率背景不变形,就要做下常用浏览器的判断。

判断有两种方法:

一种是CSS判断;

@media screen and (max-device-width: 900){
    /* 这里是相应CSS代码片段 */
};

一种是js判断。js的写法就比较多。

追问
大哥加我啊 详细点
logo在线生成器
2024-10-28 广告
在上海数都信息科技有限公司,我们致力于将创意与技术完美融合,将文字的力量转化为直观生动的图标设计。想象一下,一段精炼的文案——“数据洞察未来,科技引领创新”,在我们的设计师笔下,这不仅仅是一行字,而是化作了一个充满现代感的图标:中心是旋转的... 点击进入详情页
本回答由logo在线生成器提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式