网页设计时遇到的分辨率问题,如何解决

2025-04-03 15:45:04
推荐回答(4个)
回答1:

图片 要设置它的 像素,不能超过 分辨率的像素,否则就会出现滚动条。 你的问题 我还没有研究过 。 。  如果是 一张图片,要满屏 居中显示 ,一般的方法 ,都是把 图片 作为背景。

然后 设置 最小 分辨率像素。比如说 不能小于1263  ,然后背景图片 显示一次 居中。

比如说 你的图片是  1920 ,哪么遇到1920的分辨率的时候 ,图片就显示 整张。如果不够1920 就会显示图片 中间的部位 ,分辨率 越小 ,图片就中间的位置。知道 分辨率 小于 1263 ,这时候 就会出现 滚动条。但是现在的 电脑 ,分辨率都很大了。小于 1263的 几乎都没有了。下面是 代码 演示: 说明一下 ,可以先做一个 空的 div id  属性 。现在 先演示 html 的部分 ,然后在演示css 部分。


    这是一个空的div, 需要内容就自己写点 。主要是为了加背景,一帮情况就是给你设置的
    div区块,添加背景就可以了。


#tupian{
width: 100%;
min-width: 1263px;
height: 自己写高度px;
background: url(图片路径地址.jpg) no-repeat center;
}

回答2:

  这位网友你好,你可以将图片宽度设置为100%,或者将图片设置为背景。这两种方法都可以达到你的要求。

回答3:

一般设置图片属性text-align:centre水平居中,但这个方法经常无效,可以将img的css的样式设置为margin:auto。这样图片就可以相对于外容器居中了!同样,也可以设置外容器的div居中,这样就相对于浏览器居中了,这样不论浏览器窗口的大小都能居中!
同时,将盒子和图片的宽度值的设置都采用百分比,设为width:100%这样,不设定具体的数值,这样就可以适应不同屏幕的大小了。

回答4:

今天我刚总结了这个,在我博客。地址是:http://www.w3cfuns.com/blog-5449109-5404466.html
用得到请采纳,谢谢!

相关问答