开发者社区> 问答> 正文

手机页面图片模糊

要做手机页面 然后用这个头

但是做出来之后图片都特别的虚 怎么能改善?
写的都是给我的图片的宽高
screenshot

展开
收起
杨冬芳 2016-06-20 16:36:07 2408 0
1 条回答
写回答
取消 提交回答
  • 你好,图片模糊存在如下几种可能,

    1.图片本身问题设计图片时你像素过低,图片存储优化处理后不清楚等

    • 这样的图片如果想在pc端和移动端都能显示那就最好用图标字体,如果不会用那就用背景图但是需要用background-size控制他的大小,一般都是做的稍微大点,然后在手机页面中通过控制标签的固定大小,然后用图标做背景,在加上background-size:cover或者background-size:100% 100%;进行设置。

    • 手机浏览器,不管是UC、原生浏览器、safari,显示页面都是按照320px的,由于现在手机的宽度都大于320px,所以,图片会模糊,像苹果的retina屏幕的方式学习! 先把图片做成两倍长宽的大小,然后通过css样式强制做成原大小

    2.手机因为cpu速度限制,对于图片预览是采用像素较低模式进行预览的 当你放大后正式浏览手机就是正常显示了 这是手机为了节省资源的一种模式,应该不属于质量问题,也不需要解决

    如还有疑问,请联系客服 到阿里云会员中心提交工单,让售后帮你检查看看。 或点击右侧的浮标:联系我们

    提交工单的地址:https://workorder.console.aliyun.com/#/ticket/createIndex


    更多阿里云帮助文档 https://help.aliyun.com

    希望对您有帮助!

    2019-10-16 11:04:53
    赞同 展开评论 打赏
问答标签:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
Tangram 立即下载
360手机卫士 插件化漫谈 立即下载
手机京东Crash自动分析处理系统 立即下载