Johnny.Net
13 years ago
Brian 的 Sizer 是一個很小巧的程式, 可以讓我們立即看見瀏覽器的視窗大小; 如果我們要設計 Responsive 網頁, Sizer 是一個很方便的小工具。
Johnny.Net
13 years ago
它的使用方式很簡單, 當我們在變更瀏覽器視窗大小時, 它會在視窗右下角顯示視窗的解析度。請注意, 它顯示的是瀏覽器的視窗大小, 而不是網頁的大小, 所以你必須減掉視窗的窗框以及所有工具列和狀態列的大小, 才是正確的網頁大小。
Johnny.Net
13 years ago
不過, 一般而言, 我們並不需要對齊到精確的值, 就應該知道網頁顯示對不對了。
Johnny.Net
13 years ago
經過我的測試, 在中文 Windows 7 環境下, 這個程式對 Chrome, FireFox 和 IE9 都可以正常作業, 除了一個小問題 - 它的 x 會顯示為問號 (變成像是 640 ?480)。
立即下載
Johnny.Net
13 years ago
responsinator.com/ 也是一個很方便的工具網站。做好網頁之後, 把網址輸入 (例如 localhost:1234), 就可以看到它在許多行動裝置 (包括 iPone, iPad, Kindle 等等) 上會顯示的樣子