目前的问题：对于尺寸过大的图片，在电脑端对图片设置好固定的宽度比例后（如缩小至 xx% 宽度），在手机端查看时图片会显得过小，因为图片被严格地限制在了 xx% 宽度。如果将宽度调回 100%，在电脑端又会显得过大，如果缩小图片本身的尺寸又会损失清晰度，而且操作非常繁琐。总的来说就是电脑端排版、手机端排版、图片清晰度无法做到兼顾。
希望做出的优化：对手机端专门优化图片的显示宽度，虽然图片在笔记中设定了 xx% 宽度的固有参数，但是为了便于阅读，希望图片在手机端可以突破这个固有参数的限制而又不改变这个固有参数，让图片宽度充满手机屏幕的宽度，尺寸本来就较小的图片除外。
以下为具体案例：
在电脑端编辑笔记时，通常会将尺寸过大的图片缩小到合适的比例（如 33% 宽度），如下图：
但是在手机端查看这篇笔记时，图片还是被严格缩放至手机屏幕宽度的 33%，这样就会显得非常小，不便于手机阅读。如下图：
而这张图片在小米社区手机端的原帖上是这样排版的：
https://web.vip.miui.com/page/info/mio/mio/suggestDetail?postId=37941772
.protyle-wysiwyg div[data-node-id] span.img[data-type="img"] img {
width: 110px;
}
这个代码可能会满足你的要求，来自 @iamqiz 大神。
我也在考虑优化方案，说说我最近的使用感受：
设置图片的宽度比例主要是用于在电脑端手动优化笔记排版，让电脑端达到最佳排版效果。而也恰恰是因为把电脑端的比例同步到了手机端，才降低了手机端的阅读体验，试想一下，电脑端的屏幕很宽，最少也有 1920 像素，而手机端通常为 1080 像素，1.33K 的屏幕宽 1440 像素，如果手机端仍然执行电脑端的比例，基准宽度绝对值变小了，那么必然导致用户在手机端看到的图片都缩小了，体验肯定不好。所以我认为手机端有必要执行自己的一套图片比例设定，和电脑端互相独立，双轨制，也就是每张图片都带有两个比例参数：电脑端的和手机端的。在电脑端新添加的图片同步到手机端时，图片均以“默认”宽度显示；在手机端添加的图片同步到电脑端时，同理也以“默认”宽度显示。而为了照顾老的使用习惯，手机端也可以保留“以电脑端设置过的比例显示图片”的选项。
提供一个服务绝不仅仅是简单的把硬件和软件累加在一起，它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。
CSDN (Chinese Software Developer Network) 创立于 1999 年，是中国的 IT 社区和服务平台，为中国的软件开发者和 IT 从业者提供知识传播、职业发展、软件开发等全生命周期服务，满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。
FlowUs.息流 个人及团队的新一代生产力工具。
让复杂的信息管理更轻松、自由、充满创意。
Postman 是一款简单好用的 HTTP API 调试工具。
RYMCU 致力于打造一个即严谨又活泼、专业又不失有趣，为数百万人服务的开源嵌入式知识学习交流平台。
程序员是从事程序开发、程序维护的专业人员。
Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成，还支持通过插件进行扩展。
快应用 是基于手机硬件平台的新型应用形态；标准是由主流手机厂商组成的快应用联盟联合制定；快应用标准的诞生将在研发接口、能力接入、开发者服务等层面建设标准平台；以平台化的生态模式对个人开发者和企业开发者全品类开放。
WiFiDog 是一套开源的无线热点认证管理工具，主要功能包括：位置相关的内容递送；用户认证和授权；集中式网络监控。
frp 是一个可用于内网穿透的高性能的反向代理应用，支持 TCP、UDP、 HTTP 和 HTTPS 协议。
Kubernetes 是 Google 开源的一个容器编排引擎，它支持自动化部署、大规模可伸缩、应用容器化管理。
为成为自由职业者在家办公而努力吧！
Hprose 是一款先进的轻量级、跨语言、跨平台、无侵入式、高性能动态远程对象调用引擎库。它不仅简单易用，而且功能强大。你无需专门学习，只需看上几眼，就能用它轻松构建分布式应用系统。
脑图又叫思维导图，是表达发散性思维的有效图形思维工具 ，它简单却又很有效，是一种实用性的思维工具。
记录并分享人生的经历。
MyBatis 本是 Apache 软件基金会 的一个开源项目 iBatis，2010 年这个项目由 Apache 软件基金会迁移到了 google code，并且改名为 MyBatis ，2013 年 11 月再次迁移到了 GitHub。
有点意思就行了
Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言，是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。
HTML5 是 HTML 下一个的主要修订版本，现在仍处于发展阶段。广义论及 HTML5 时，实际指的是包括 HTML、CSS 和 JavaScript 在内的一套技术组合。
Jeffrey Chen 制作的思源笔记主题，项目仓库：https://github.com/TCOTC/Whisper
Typecho 是一款博客程序，它在 GPLv2 许可证下发行，基于 PHP 构建，可以运行在各种平台上，支持多种数据库（MySQL、PostgreSQL、SQLite）。
Ruby 是一种开源的面向对象程序设计的服务器端脚本语言，在 20 世纪 90 年代中期由日本的松本行弘（まつもとゆきひろ/Yukihiro Matsumoto）设计并开发。在 Ruby 社区，松本也被称为马茨（Matz）。
CSS（Cascading Style Sheet）“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
欢迎来到这里！
我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。
注册 关于