首页 >

大家做手机网页的时候,是如何使背景图变清晰的?

后端开发|php教程大家做手机网页的时候,是如何使背景图变清晰的?
css,php,background-size
后端开发-php教程
我发现一个现象,如果我要一个区域,比如宽高都是200px,然后背景图也正好是200px的话,那么在手机上显示会模糊,安卓和苹果都模糊,只有当我的背景图是超过200px,比如300px,然后用background-size:contain的方法,背景图才会清晰,这是为什么呢?
vc ftp服务器源码,ubuntu无开机画面,用手机python爬虫,),seo实战讲解lzw
广安房卡麻将源码,ubuntu装gui,tomcat文件下没有bin,爬虫字体设计,php如何进行单元测试,四川正规的seo哪家好lzw
回复内容:
jcaptcha源码,ubuntu 手动分区必须,tomcat8怎么配置,爬虫优化内容,php小程序下载,新民一站式抖音seo优化价目表lzw
我发现一个现象,如果我要一个区域,比如宽高都是200px,然后背景图也正好是200px的话,那么在手机上显示会模糊,安卓和苹果都模糊,只有当我的背景图是超过200px,比如300px,然后用background-size:contain的方法,背景图才会清晰,这是为什么呢?

建议看看这篇文章:
http://www.w3cplus.com/css/towards-retina-web.html
简单说,一个屏幕像素会显示4个css像素,比如iPhone 5s,device-pixel-ratio是2,屏幕宽是320px,但显示的网页是640px,所以要显示320px宽的图片就要做成640px宽才清晰。

可能是因为手机是高清屏,实际像素是2X

去网上查一下 网页对retina屏的适配


大家做手机网页的时候,是如何使背景图变清晰的?
  • css如何改变背景图片大小
  • css如何改变背景图片大小 | css如何改变背景图片大小 ...

    大家做手机网页的时候,是如何使背景图变清晰的?
  • background-size【HTML】
  • background-size【HTML】 | background-size【HTML】 ...

    大家做手机网页的时候,是如何使背景图变清晰的?
  • css 背景图片满 |vcucssa官网
  • css 背景图片满 |vcucssa官网 | css 背景图片满 |vcucssa官网 ...