目前的问题：对于尺寸过大的图片，在电脑端对图片设置好固定的宽度比例后（如缩小至 xx% 宽度），在手机端查看时图片会显得过小，因为图片被严格地限制在了 xx% 宽度。如果将宽度调回 100%，在电脑端又会显得过大，如果缩小图片本身的尺寸又会损失清晰度，而且操作非常繁琐。总的来说就是电脑端排版、手机端排版、图片清晰度无法做到兼顾。
希望做出的优化：对手机端专门优化图片的显示宽度，虽然图片在笔记中设定了 xx% 宽度的固有参数，但是为了便于阅读，希望图片在手机端可以突破这个固有参数的限制而又不改变这个固有参数，让图片宽度充满手机屏幕的宽度，尺寸本来就较小的图片除外。
以下为具体案例：
在电脑端编辑笔记时，通常会将尺寸过大的图片缩小到合适的比例（如 33% 宽度），如下图：
但是在手机端查看这篇笔记时，图片还是被严格缩放至手机屏幕宽度的 33%，这样就会显得非常小，不便于手机阅读。如下图：
而这张图片在小米社区手机端的原帖上是这样排版的：
https://web.vip.miui.com/page/info/mio/mio/suggestDetail?postId=37941772
我也在考虑优化方案，说说我最近的使用感受：
设置图片的宽度比例主要是用于在电脑端手动优化笔记排版，让电脑端达到最佳排版效果。而也恰恰是因为把电脑端的比例同步到了手机端，才降低了手机端的阅读体验，试想一下，电脑端的屏幕很宽，最少也有 1920 像素，而手机端通常为 1080 像素，1.33K 的屏幕宽 1440 像素，如果手机端仍然执行电脑端的比例，基准宽度绝对值变小了，那么必然导致用户在手机端看到的图片都缩小了，体验肯定不好。所以我认为手机端有必要执行自己的一套图片比例设定，和电脑端互相独立，双轨制，也就是每张图片都带有两个比例参数：电脑端的和手机端的。在电脑端新添加的图片同步到手机端时，图片均以“默认”宽度显示；在手机端添加的图片同步到电脑端时，同理也以“默认”宽度显示。而为了照顾老的使用习惯，手机端也可以保留“以电脑端设置过的比例显示图片”的选项。
用爱发电 (Programming With Love) 是一个以开源精神为核心的民间开源爱好者技术组织，“用爱发电”象征开源与贡献精神，加入组织，代表你将遵守组织的“个人开源爱好者”的各项条款。申请加入：用爱发电组织邀请帖。
用爱发电组织官网：https://programmingwithlove.stackoverflow.wiki/
TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时，提供更无缝的用户体验。
Mobi.css is a lightweight, flexible CSS framework that focus on mobile.
宋真宗赵恒曾经说过：“书中自有黄金屋，书中自有颜如玉。”
Sublime Text 是一款可以用来写代码、写文章的文本编辑器。支持代码高亮、自动完成，还支持通过插件进行扩展。
Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台，它支持多种框架、语言、运行时环境、云平台及应用服务，使开发人员能够在几秒钟内进行应用程序的部署和扩展，无需担心任何基础架构的问题。
红帽提供的 PaaS 云，支持多种编程语言，为开发人员提供了更为灵活的框架、存储选择。
网络爬虫（Spider、Crawler），是一种按照一定的规则，自动地抓取万维网信息的程序。
Telegram 是一个非盈利性、基于云端的即时消息服务。它提供了支持各大操作系统平台的开源的客户端，也提供了很多强大的 APIs 给开发者创建自己的客户端和机器人。
Kubernetes 是 Google 开源的一个容器编排引擎，它支持自动化部署、大规模可伸缩、应用容器化管理。
C 语言是一门通用计算机编程语言，应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。
找到自己的位置，萌新烦恼少。
Markdown 是一种轻量级标记语言，用户可使用纯文本编辑器来排版文档，最终通过 Markdown 引擎将文档转换为所需格式（比如 HTML、PDF 等）。
Open Source, Open Mind, Open Sight, Open Future!
阿里云是阿里巴巴集团旗下公司，是全球领先的云计算及人工智能科技公司。提供云服务器、云数据库、云安全等云计算服务，以及大数据、人工智能服务、精准定制基于场景的行业解决方案。
Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机，如：iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。
FFmpeg 是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序。
SendCloud 由搜狐武汉研发中心孵化的项目，是致力于为开发者提供高质量的触发邮件服务的云端邮件发送平台，为开发者提供便利的 API 接口来调用服务，让邮件准确迅速到达用户收件箱并获得强大的追踪数据。
我们平时所说的“架构”主要是指软件架构，这是有关软件整体结构与组件的抽象描述，用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。
Microsoft Windows 是美国微软公司研发的一套操作系统，它问世于 1985 年，起初仅仅是 Microsoft-DOS 模拟环境，后续的系统版本由于微软不断的更新升级，不但易用，也慢慢的成为家家户户人们最喜爱的操作系统。
脑图又叫思维导图，是表达发散性思维的有效图形思维工具 ，它简单却又很有效，是一种实用性的思维工具。
希望你我能在旅途中找到人生的下一站。
Flume 是一套分布式的、可靠的，可用于有效地收集、聚合和搬运大量日志数据的服务架构。
你若安好，便是晴天。
百度应用引擎（Baidu App Engine）提供了 PHP、Java、Python 的执行环境，以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用，并且提供动态扩容和负载均衡的运行环境，让开发者不用考虑高成本的运维工作，只需专注于业务逻辑，大大降低了开发者学习和迁移的成本。
欢迎来到这里！
我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。
注册 关于