制作网页背景图片时,要怎样确定长宽才能使做出的图片与浏览器的大小吻合

不同的电脑屏宽不同,浏览器打开后页面大小也不一样,那要怎么做图片才会随页面大小的变化而变化

最简单的办法,图片的宽度设为100%,高度也设为100%,而不要设为具体数值。
这样在页面打开时,图片按页面的X%显示,也就是你所想要的随浏览器大小而变化。追问

你说的是在img标签中改变宽和高的百分比吗?还是说在制作图片的时候把图片的宽度设为100%,高度也设为100%

追答

img标签

追问

但是设背景图片的话,一般是用background-image属性吧!用img标签添加图片后,文字等其他内容就会显示在图片下,不会以图片为背景

温馨提示:内容为网友见解,仅供参考
第1个回答  2011-08-21
这个不是图片问题 一般浏览器都支持自动调整宽高比 比如OP 光改图片没有用处
第2个回答  2011-08-22
图片大小设置为百分比,而不是具体数值

制作网页背景图片时,要怎样确定长宽才能使做出的图片与浏览器的大小吻合...
最好做那种有规律的图片,只要平铺就可以和任何浏览器吻合,如果没有规律,那样就可以用js获取浏览器宽度然后再自动调整图片

网页背景图片的属性怎样设置为拉伸
设置网页背景图片为拉伸,关键在于调整图片的原始尺寸。当希望背景图片填充整个页面并保持其比例时,需确保图片宽高比与页面宽高比相匹配。具体操作步骤如下:首先,访问图片所在位置,查看其原始尺寸。若图片比例与页面不符,需在CSS中调整图片尺寸。使用`background-size: cover;`属性确保图片覆盖整个容器,...

dreamweaver 背景图片怎么自适应浏览器大小
图片自适应屏幕大小显示主要是利用百分比来控制,切忌给图片宽度一个固定值。如下代码:html代码:此时的css可以写成:.imgbox img{width:100%;}这样,图片的大小就会根据其父级容器的大小而变化,图片的宽度只设置百分比,这样可以根据浏览器窗口的大小变化而随时调整。

网页制作的问题,怎么让背景图片随浏览器窗口大小或分辨率自动调整_百度...
回答:img标签可以,背景图片这样实现不得行,只有把图片做得足够大。 希望能帮到你....

正常网页制作背景图片应该多大
1、背景最好是能够做到自动延伸,现在的显示器是越来越大,分辨率也慢慢的变大了,现在用1600*900分辨率的也不少,我的就是,当然也有人用1280*768、1024*768等,所以网页设计的背景一般是不会设计成固定尺寸的,你可以做成可循环平铺的图片或者渐变颜色,直接是一种颜色那就更方便了;2、其实网页设计...

HTML中怎么让背景图片跟着浏览器窗口变大变小?
代码是: body { background-image: url(1.jpg);(具体路径不确定,可随时更改;) background-repeat: repeat; } 可以的,把图片作为背景,把它的宽度和高度设置成浏览器的尺寸,就OK了!但如果你用的图片宽度和高度不是浏览器的窗口大小,那图片就可能会变形,但效果是可以做出来的!要想用...

css网站背景图应该怎样布局?
怎么设置网页背景图片1、首先打开Atom编辑器导入项目文件夹,先创建一个index.html的文件。2、去网上搜索2个自己喜欢的图片,1个图片用来作为整个网页的背景,另一个图片可以进行重叠组成网页的背景。3、这样背景图片就会固定住,不会因页面滚动而重复。4、打开图片首先在Ps中打开图片。保存格式然后输入Ctrl...

html怎么将背景图与浏览器大小自适应
1、图片不够大,又background属性不能拉伸图片; 2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用 3、body的background属性去掉,要不然会被遮住 [html] view plain copy hello worldhtml怎么将背景图与浏览器大小自适应 ...

网页设计如何设置宽度网页设计如何设置宽度和高度
1. 使用HTML编辑器设置固定宽度和高度的段落,并插入图片。2. 设置段落和图片的样式,使图片宽度与父级相同,并清除父级的高度,使子级高度自动适应。3. 将图片设置为块状元素。4. 打开浏览器查看固定大小的图片。网页标准像素尺寸包括:1. 800×600分辨率下,网页宽度不超过778,高度根据内容决定。2....

网页制作的图片怎么才能与网页大小一样
自动百分百,或者超大图做背景 每个浏览器的分辨率不同,所要求的图片大小就不同。一般的铺满的都是拉伸做背景的

相似回答