移動端設計稿寬度選擇 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 等單位進行佈局。