針對不同瀏覽器的可縮放HTML表單

Question

爲不同瀏覽器和屏幕尺寸（手機瀏覽器，iDevices，桌面等）創建可縮放表單的正確方法是什麼？或者唯一的辦法是爲對方創建特定的頁面？

我有一個任務來創建一個簡單的圖像上傳和電子郵件發送表單。該表單用於不同的設備，我希望在每個瀏覽器中都有正確的可縮放和大小的所有表單元素（按鈕等）。

Answer 1

通過使用CSS媒體查詢...基本上在你的CSS文件中設置了瀏覽器窗口的一定寬度，並放置在該區塊的CSS樣式正確：

@media (max-width: 699px) and (min-width: 520px) { 
    body { 
    background: red; 
    } 
} 

每當一個瀏覽器窗口的寬度在520px和699px之間的身體背景會變成紅色

嘗試查看「響應式網頁設計」和「CSS媒體查詢」。 http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/