什麼會首先加載響應式設計？

Question

我剛剛閱讀了義博的幻燈片，回答了他們爲諾基亞提供的響應式網站開發情況，其中的一個重點似乎是專注於移動優先，然後是臺式機和其他更大更快的平臺。 （http://www.slideshare.net/yiibu/pragmatic-responsive-design）不只是在規劃階段，而是從字面上開發您的響應式設計，因爲沒有應用媒體查詢的最初樣式將成爲最小平臺的設計，並且具有最低的功能。 （舊手機，這取決於你的觀衆）這與我原本認爲要做的事情背道而馳（並且從我所看到的，其他人通常也會這樣做）。

基本原理是，這種方法會阻止帶寬較低的移動設備上的用戶下載其他腳本和大型圖像，它只會首先下載最低設備所需的腳本和圖像，然後再加載更多或更多，具體取決於設備的尺寸和預測功能，最終給最大的設備（筆記本電腦和臺式電腦）帶來最大的負擔。 ---這與我爲桌面設計所做的相反，然後添加媒體查詢以優化移動設備。

---

我的問題是，我需要設計一個手機，然後再添加媒體查詢，以防止下載該不會在移動設備上使用的大型圖像的負擔，優化與更多的功能，更大的設備？

.....或者，我可以只使用sepparate樣式表和打電話來專注於更大的瀏覽器/設備的樣式表之前打電話到移動樣式表？

Answer 1

你先打電話或不是誰的順序，不應該的問題。通過自己的媒體查詢一堆的if-else根據您置身其中的標準（裝置，方向，寬度等）。因此，通過首先添加或最後添加它們並不意味着手機會考慮桌面瀏覽器的樣式表（示例）。

你應該做的是讓所有設備都可讀取的基礎樣式表中的所有設備（例如排版，字體大小，元素背景顏色，文本顏色）的基本內容保持一致。

這會使文件的實際讀數更小，因爲根據屏幕的實際大小，將爲邊距，填充和寬度創建特定的樣式表。

最後但並非最不重要的，至於你是否應該設計爲移動第一或體會不到的，這是你的，你的工作方式，什麼不是。我知道我不知道。我先設計桌面，然後按照自己的方式工作。我更喜歡這個。