移动端设计稿宽度选择 750px 或 640px 主要基于以下几个原因：
-
早期 iPhone 设备的影响: 早期 iPhone 设备（如 iPhone 4/4S）的屏幕分辨率为 640px * 960px，其中 640px 为宽度。这使得 640px 成为当时移动端设计的一个常用标准。许多早期的移动端网页和应用都以此为基准进行设计。
-
Retina 屏幕和 @2x/@3x: 随着 Retina 屏幕的出现，像素密度增加了一倍或三倍，但为了保持物理尺寸上元素大小的一致性，引入了 @2x 和 @3x 图像资源。设计稿仍然可以使用 640px 或 750px 的宽度，但在实际开发中，会使用两倍或三倍大小的图像资源来适配高分辨率屏幕。例如，在 750px 的设计稿中，一个 100px * 100px 的按钮，在 @2x 屏幕上实际使用的图片大小为 200px * 200px。
-
750px 与设备宽度比例: 750px 的宽度在许多主流移动设备上可以较好地适配。以 iPhone 6/7/8 (750pt * 1334pt) 为例，750px 的设计稿宽度与设备的逻辑像素宽度 (750pt) 相对应，方便进行 1:1 的转换。在使用一些 CSS 框架（如 rem 布局）时，可以更方便地进行适配。
-
双倍图的设计便利性: 750px 刚好是 375px 的两倍。iPhone 6/7/8 的逻辑分辨率宽度是 375pt，使用 750px 的设计稿，可以直接输出 @2x 的图像资源，方便设计师和开发者的协作。
-
历史沿袭和行业惯例: 随着时间的推移，640px 和 750px 逐渐成为移动端设计稿的常用宽度，形成了行业惯例。许多设计工具和资源都以此为标准，方便设计师和开发者使用。
总结:
选择 750px 或 640px 作为移动端设计稿宽度并非绝对的标准，也可以根据具体项目需求选择其他宽度。但这两个尺寸在历史发展和实际应用中都有一定的优势，因此被广泛采用。 关键在于理解其背后的逻辑，并根据实际情况选择合适的方案。 现在，随着各种屏幕尺寸的增多，也开始流行使用更灵活的适配方案，例如使用 vw、vh 等单位进行布局。