关于图片手机版会变形的问题，时尚博主网已解决 CFB站长建立时尚博客

CFB站长建立时尚博客

【时尚博主网解决

图片手机版不能自适应问题的经验】

ChinaFashionBlog

共计1114个字符-1张图片-不许转载

手机上的图片显示，ChinaFashionBlog.com过去都没有办法做到完美。其实不仅仅是图片不能自适应，就连在手机上都无法看清图文排版。你说一个博客网站，每篇文章都有图片，遭遇时尚故事等分类的情况，许多我自己制作的服装示例图片，都在手机上扭曲到看不清，这会给用户多么不恰当的体验，而CFB站长我一直没有找到解决问题的关键，为此头疼了好几个月。

直到这个月初，我才有了解决问题的方法。

首先，我网站的主题本身采用的就是自适应，这一点你可以缩放网页尺寸看到，然后问题就来了，那么为什么图片始终无法按照比例大小调度呢？

在我每次上传图片排版时，我都会在图片属性中打入宽度和高度的数值，即在源代码中会显示width="???px"，height="???px"，以求图片显示能按照宽高比例进行缩放。后来我发现不对劲：

那个图片不能自适应的原因就是这个！原因就在于已经是自适应比例的网页自然可以将没有将尺寸大小固定的图片按照网页比例缩放，但只要是对图片的属性进行限定某一个确定的数值，网页会按照限定的数值进行显示，这样在电脑上看是完整原比例的图片（编辑时我一直按照电脑的显示一律700px），但导致手机上也是700px，要想，网页是自适应大小的，而700px的图片在网页只有300px宽度的情况下，只能被压缩，人像被压缩是瘦了，但根本没法看了。

找到了这个原因，我就知道我该怎么去整改让我头疼这么久的问题了。我需要将每篇文章的代码抽出来，把里面限定图片高宽的所有代码删除。我的图片近千张，这份工作量我粗略算一下也是不小的，不过好在知道该往什么地方动手去做，CFB站长我最怕的就是在建立时尚博客的过程中遇到问题，僵持好久没有丝毫头绪，如果前进的方向都找不准，那问题连突破都不会有，何来解决。这件事情只能搁在那块，不得已抛到后面去解决。

我反思了一下，这个技术问题，也许对技术大牛来说不算什么，但是如果我不坚持去找答案，并且最终想到这个点子，或许图片不适应不友好的问题会一直持续，几年十年的，难道自己只能去期许别人不要用手机看我的文章吗？

时尚博主网，我的网站每一张图片都会经过ps软件锤炼一把，不要笑，真的可以这样说，CFB站长我愿意认真对待每一个到访时尚博主网站的人，所以我应当珍惜，珍惜我在每一个建立时尚博客的细节上付出的努力，以及珍惜每一位访客的心理健康和眼睛健康。

2017-05-26 17:53——2017-05-26 18:34

中无 EAT ＆ RELAX ＆ HOMEWORK

- END -

 FOLLOW ME IN SOCIAL：

 文章结束了，需要赞助时尚博主网，可以自行移动至评论框上方的“赞助本站”服务窗。 

本文链接：http://www.chinafashionblog.com/cfb-webmaster/buildblog/jiejueshoujitupianbianxingwenti.html