请教如何用CSS控制图片宽度和高度,使图片不变形

 我来答
网海1书生
科技发烧友

推荐于2017-12-16 · 擅长软件设计、WEB应用开发、小程序
网海1书生
采纳数:12311 获赞数:26228

向TA提问 私信TA
展开全部
宽度和高度不要同时设置,只需要设置一个,另一个就会自动按照图片的原始比例进行缩放,从而使图片不会发生变形。如果情形比较复杂,比如预先不知道图片是宽大于高还是高大于宽,又想把图片控制在某个范围内(比如正方形),就要结合JavaScript脚本才能实现了(网上大把代码,自己百度)。或者也可以把图片搞成背景图,然后利用css3的background-size属性来让图片保持原始比例,这样就无需借助js,缺点就是浏览器必须支持css3
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式