[quote=引用 2 楼 qybao 的回复:]什么样算不失真?那也要看客户端屏幕的分辨率而定吧。 图片大小达不到屏幕分辨率就不说了,肯定会失真(图片被自动放大,像素不够) 反过来,比如你用手机打开页面(假设图片是1980*1200),那图片肯定被缩小了,里面的字有可能看不清了,那算不算失真?
能把背景变成svg的吗,反正我没试过
找个实际用这种网站的参考一下就知道了。 最笨的办法是要弄一张分辨率超高的图片。例如淘宝的登录页。 https://login.taobao.com/member/login.jhtml 通常而言优秀的美工设计师已经考虑到这种情况了,于是某个方向上是渐变至纯色的,于是超大屏幕超出图片的部分显示的是背景色,而背景色刚好就是图片渐变的最终颜色,于是那背景看上去就是图片的一部分。例如京东的登录页。 https://passport.jd.com/new/login.aspx?ReturnUrl=https%3A%2F%2Fwww.jd.com%2F
图片不够大,你又不给拉伸,还得铺满,你光要牛儿跑又不给牛吃草,有点过分啊
什么样算不失真?那也要看客户端屏幕的分辨率而定吧。 图片大小达不到屏幕分辨率就不说了,肯定会失真(图片被自动放大,像素不够) 反过来,比如你用手机打开页面(假设图片是1980*1200),那图片肯定被缩小了,里面的字有可能看不清了,那算不算失真?
1.图片太小的话,只能换张大图了 将一张 100 x 100 px 的图片铺满整个屏幕肯定会失真的。 2.如果不介意重复,可以用 background-repeat: repeat;
87,997
社区成员
224,709
社区内容
加载中
试试用AI创作助手写篇文章吧