html中如何使图片自动适应浏览器
各种高手大家好，是这样的。我想让一张图片，作为我的导航栏的背景。我之前使用div中的绝对固定把他固定在那，但这个图片的宽度是1920，所以如果我的笔记本浏览器100%显示...
各种高手大家好，是这样的。
我想让一张图片，作为我的导航栏的背景。
我之前使用div中的绝对固定把他固定在那，但这个图片的宽度是1920，所以如果我的笔记本浏览器100%显示的话，就会出现滚动条，图片特别大。
就是我的这个网站全部尺寸都是按照1920的屏幕做的，而我用的方法是div中的绝对固定。
我感觉我这个网站可能除了1920屏幕的电脑打开能够正常显示，其他的全都是不合适的，例如在我1366的笔记本上却依然那么巨大。
请高手指点一下，我是新手，希望能详细一点。
再次拜谢了。 展开
我想让一张图片，作为我的导航栏的背景。
我之前使用div中的绝对固定把他固定在那，但这个图片的宽度是1920，所以如果我的笔记本浏览器100%显示的话，就会出现滚动条，图片特别大。
就是我的这个网站全部尺寸都是按照1920的屏幕做的，而我用的方法是div中的绝对固定。
我感觉我这个网站可能除了1920屏幕的电脑打开能够正常显示，其他的全都是不合适的，例如在我1366的笔记本上却依然那么巨大。
请高手指点一下，我是新手，希望能详细一点。
再次拜谢了。 展开
3个回答
展开全部
可以使用html的style标签的width属性实现这种图片自动适应效果。
具体步骤如下：
需要准备的材料分别是：电脑、浏览器、ultraedit。
1、在ue编辑器中新建一个空白的html文件。
2、在html文件中输入以下的html代码。
3、编辑完成以后，在ue编辑器中点击保存，格式选择UTF8无BOM。
4、在浏览器中打开此html文件，可以看到最终想要实现的图片宽度自动适应浏览器效果。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
解决办法：
1、图片不够大，又background属性不能拉伸图片；
2、只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用<img> ；
3、body的background属性去掉，要不然会被遮住。
4、如果想让图片不随浏览器右边滚动条滚动，就用position:fixed属性。
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给图片设置宽度-width：100%;
居中-margin: 0px auto;
1920显示器看1920的图片出现滚动条是因为你的浏览器的边框占用的几个像素
居中-margin: 0px auto;
1920显示器看1920的图片出现滚动条是因为你的浏览器的边框占用的几个像素
追问
谢谢，这种背景图可以自由伸缩，那如果是一个banner图该怎么办呢
本回答被提问者和网友采纳
已赞过
已踩过<
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
