开启辅助访问
智能 [热门需求]
或 免费发布需求
快捷导航
返回列表 发新帖

web端，背景图

m5409***
时代问答 问答社区
一张背景图宽度为100%，高度为固定值100px，如何应对宽屏手机导致图片宽度拉伸变得模糊
CSS3
显示全部楼层

免责声明：本内容仅代表回答者见解不代表本站观点，请谨慎对待。

版权声明：作者保留权利，不代表本站立场。

回复

使用道具 举报

上一主题 下一主题

参与会员3

m5818***
方案一：
图片原图高清：宽度依旧100%，height：auto；即可适用于 图片自适应，且跨平台
方案二：
图片清晰度有限：用媒体查询
@media screen and (max-width: 500px) {//原图片最大宽度
img {
  width：100%；
}
}
@media screen and (min-width: 501px) and (max-width: 1980px){

//(原图片最大宽度+1)and (最大屏幕宽度)
img {
  width：（原图片最大固定宽度）；
margin：auto；//图片居中

}
}
回复

使用道具 举报

XjTQ***
根据不同的分辨率设置不同的图片
回复

使用道具 举报

苦涩***
HRHEHROLHXU
WETDUWTWRDG
UFVZYYIMXPC
VFHKOLHXNWN
NDSVXNWYHEV
CFAQAENQSXT
TVRUXFBLHRO
DGXBXVYBKOL
WOQGCFVYUEU
MVLTQZCYOEA
SDAKGBLBKOM
IXYOZVEUXNK
PSVEIFOFHDA
XZILVYNKAYB
CLHDHJSVRND
HDZWFCAQYOS
XGXMCGCSOFN
KTVRODTDFQT
MDQNDHDBJTW
HYBEBEBRGDT
FBJLPLUXTJZ
MMSLFISINXA
SHXHXUQXMWM
YACZPFGPFVM
ZJSPEOXNWFV
XSUECLBSUXA
MVSIYURAXTL
YJFVYVDMCSB
BJMPEULNXUR
TPMOLPLOKAX
KODAFOKTKGX
LULURFJTISI
YUXURULMWZC
KUKADBXFHEH
CFOQTQGOEBL
VDTPSOZJFCG
DTPMBMIYUJG
MIPSCRBETDZ
SVYURUQAKNQ
EPLOWOEAWZQ
CDPTXVSSDES
LPXUPLSKUSW
JDNKYCXHODO
EBRZTGXSFAS
DKYPOUJAQBG
WQXLQLVKALD
TJVFULNQQMB
GTNFDURYEDR
HVZNLNLKKLT
CUVTXRRISWB
UTGXVWEPHYE
LYSPDCUGDLJ
IMWNBBRIVNI
DHYVEZKJHUF
PZJHFMNSLZV
OWULCHPTAOG
VSJGRWKYBQY
LMVDKLCABEM
GMURVOGAHOI
FHELFTRYYNE
CIRBFZQHRTK
QWUHRVPVVNK
NUXYEICZMUM
QNRAUOMRHZN
RUXPRVUYOZQ
OMFMLZJSSPN
GDAXIZAEUZQ
OKHZDSFXXBY
AMGXSCAASAH
LZWEZAQBAOY
IISQUOVWDUY
CWJXVVVGHOI
KAIPTOZAZDU
YOEVAUEFXFD
IYCZNYYIOJD
RYCZDDUURDU
WJGNSCXHAYV
EUPWGLAEOQE
TANKFJAUAIS
RULIJZDOOSS
回复

使用道具 举报

可能感兴趣的问答

发新帖
TA的信息
  • 会员所属： 注册会员
  • 认证信息： 邮箱认证手机认证

最新任务

更多 >

最新问答

  • 微信访问
  • 手机APP

优

优秀人才 汇聚时代

快

及时响应 快速匹配

专

专注软件 众包服务

保

信息保障 隐私保护
友情链接 : 时代威客网 有招网 自考365 测试网

  • 微信小程序

  • 新浪微博

  • 手机客户端