图片在不同的手机屏幕尺寸下变形了，这该怎么弄？大神们！

shandianfocai 2015-04-28 04:16:16

图片在不同的手机屏幕尺寸下变形了，这该怎么弄？大神们！

...全文

534 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

goodwithcode 2015-04-29

打赏
举报

回复

试试html5+css3，现在不是流行web的响应式布局码

傲雪星枫 2015-04-29

打赏
举报

回复

关键字 device DPI, viewport

太久 2015-04-28

打赏
举报

回复

http://www.w3schools.com/css/css_responsive_intro.asp

本文介绍了一种使用单一图片适配不同屏幕尺寸的方法，通过等比缩放与中心裁剪，确保图片在各种分辨率下都能良好展示。

本文介绍了两种CSS背景图片的适配方法：一种保持图片原始比例，避免变形；另一种则使图片随屏幕尺寸变化而拉伸。通过使用fixed定位、background-size属性及不同单位，实现响应式设计中背景图片的完美呈现。

本文分享了一种利用CSS实现图片在不同手机屏幕尺寸上完美展示的方法。通过将重要内容置于图片中央并允许浏览器裁剪多余部分，确保了跨设备的一致性体验。

本文详细阐述了如何设计一个专为Android或iPhone优化的网页，使其与手机浏览器保持1:1大小，同时确保图片、视频、iframe等元素能够自适应不同屏幕尺寸。通过设置viewport、调整图片大小及遍历正文元素，实现图片按屏幕尺寸自适应显示，提升用户体验。

本文介绍 Android 开发中如何使用 .9.png 图片来适应不同尺寸的屏幕，确保背景图片在拉伸过程中不变形。

21,889

社区成员

140,333

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章