我需要爲移動設備放置網站，所以iPhone和各種機器人。問題是我很難得到正確的視口和其他設置。我的目標是網頁將被編碼爲特定的寬度，例如寬640px。然後，一旦打開的設備將其放大/縮小到屏幕的寬度，所以一切變得更大或更小，就像通過捏住設備屏幕縮放/縮小後一樣。如何讓移動頁面在屏幕上適合打開？
所以我想開發它可以說640px寬度和取決於設備它可以放大或縮小一旦打開。因此，如果設備屏幕寬度爲960像素，它會自動通過視口縮放到這個寬度。這完全有可能讓它在css中爲預定義的寬度編碼，並根據設備本身的需要放大/縮小？
我很抱歉，如果問題過於籠統，將解釋細節，如果需要的話。
編輯： 因此，如果我理解正確，最常見的方法是爲大多數普通屏幕尺寸提供少量佈局版本？在CSS中使用媒體查詢爲寬度，字體大小等提供了不同的值是正確的？
如果我決定採用百分比而不是媒體查詢，考慮到提供的設計，我認爲在調整字體大小時仍然會遇到問題，因爲佈局包含帶有文本的圖像，文本需要與圖像成比例。還有百分比會照顧寬度，高度可能是一個問題，因爲圖像將不得不垂直調整大小。設計的某些部分需要相互「匹配」，這會成爲我認爲的問題。
現在，如果我只是建立一個具有一定寬度的網站，可以說640px我應該能夠在屏幕上顯示所有像素，與正常的非移動網站沒有區別。
所以我試圖設置<meta name="viewport" content="width=640">和一個頁面設置寬度最寬的容器在CSS中640px使頁面寬度640px基本上。如果我理解正確，它會將視口設置爲確切的頁面寬度。因此，該頁面將被構建爲任何其他非移動網頁。用戶必須通過捏合來調整縮放比例，因爲頁面打開時通常會由於某種原因放大/縮小。我對這裏發生的事情的理解是正確的還是有問題的。擁有預定義的大小可以處理不同的移動屏幕大小，因爲視口始終是相同的，適合頁面寬度，只有縮放似乎是問題，除非我在這裏丟失了某些東西。
我也應該提到，我只需要做肖像，並使其成爲唯一的選擇，所以沒有橫向視圖（這將是另一個問題）。
想知道您的想法，我非常感謝所有答案。
你知道CSS3媒體查詢，你可以通過這個選項.... –
達到您想要的結果，但我豈不都爲各種設備創建單獨的寬度等CSS？我想避免，如果可能的話 – spirytus
不，如果沒有這種可能，你將不得不使用CSS3 Media Queries，如果你想根據不同的移動設備顯示你的網站..... –