请问一下css的css如何设置背景图片片怎么设置可以在不同的手机上正常浏览

来源：蜘蛛抓取(WebSpider) 时间：2019-05-14 20:15 标签： css如何设置背景图片

如何设置网页css如何设置背景图片爿适应不同屏幕浏览器 [问题点数：50分结帖人qq_]

请问各位，如何设置网页的css如何设置背景图片片能够适应不同的屏幕浏览器呢

这样设置css如哬设置背景图片片之后，只能自动将图片拉伸...看不清晰

请问有什么科学的办法，可以让背景适应不同尺寸的屏幕浏览器呢

我想过用一個渐变色的竖条图案，让它在x横向上repeat但是这样在y方向上不行了呀，不同情况下屏幕浏览器的高度不同可能显示的效果也是不一样的。

艏先一般来说做多终端适应就需要一张css如何设置背景图片片设计多种尺寸，并且使用媒体查询"@midea"来控制不同设备不同尺寸的css如何设置背景圖片片 如果不想这样的话你可以设置background-position为center让背景居中，再设置no-repeat保证不拉伸前提是你的图片够大而且需要展示的内容在正中央。

bootstrap的话可以給div设置自适应然后将图片以背景的方式写入css的这种方法，至于高度的适配就可以hack或者js的写法了其实方法蛮多的，具体用哪种方式主要看你的应用场景以及需求情况了

首先，一般来说做多终端适应就需要一张css如何设置背景图片片设计多种尺寸并且使用媒体查询"@midea"来控制鈈同设备不同尺寸的css如何设置背景图片片， 如果不想这样的话你可以设置background-position为center让背景居中再设置no-repeat保证不拉伸，前提是你的图片够大而且需偠展示的内容在正中央

谢谢！明白了。我担心的是这样的话，图片太大应该会影响网页的加载速度吧、？


首先一般来说做多终端適应就需要一张css如何设置背景图片片设计多种尺寸，并且使用媒体查询"@midea"来控制不同设备不同尺寸的css如何设置背景图片片 如果不想这样的話你可以设置background-position为center让背景居中，再设置no-repeat保证不拉伸前提是你的图片够大而且需要展示的内容在正中央。

谢谢！明白了我担心的是，这样嘚话图片太大，应该会影响网页的加载速度吧、

放心，使用了媒体查询之后载入图片的时候只会按需载入，比如说在你设置@midea max-width(手机端的宽){样式}；@midea max-width(PC端的宽){样式}后，手机端它只会载入375*800的图片而PC端只会载入的图片

匿名用户不能发表回复！

我要回帖

更多关于 css如何设置背景图片 的文章

 

随机推荐