Re: CSS Device Adaptation 草案有關 width 的心得/問題

hi all,

于 2011/10/24 11:24, Kang-Hao (Kenny) Lu 写道:
> == 問題一 ==
> 比起 "width: device-width; "，看起來 "width: 100%;" 是一個比較桌上/行 
> 動 兼用的值，畢竟是視窗的寬度而不是螢幕的寬度，這種想法對嗎？我感覺有 
> 的確是 有一些桌上網頁是以固定視口的角度去設計的...
>
> 假設在某裝置上的會有網頁視窗的寬度會改變的情形，你會覺得穩定的 "width: 
> device-width; " 跟隨視窗大小改變的 "width: 100%;" 哪個比較好？
就我個人的理解，device-width是指設備寬度，之所以專用於移動設備，因為移動 
設備上的應用程序的窗口永遠只有最大化的、最小化和關閉 三種狀態，至少目前 
我還沒看到那個移動設備上會有拖動窗口的情況。而在移動設備上，這個值應該是 
配合scale值來使用的，其目的大概是告訴瀏覽 器當頁面寬度超出的時候該怎麼縮放。

> == 問題二 ==
> 該不該有一個 "width: window-width;"？目前初始視口沒有一個很完整的定義 
> （所以我一開始才會錯認行動裝置的初始視口寬是 980px），我也記得 Firefox 
> 在視窗小到一個地步之後視口就不會在隨視窗變小而變小了。"width: 
> window-width;" 會不會是一個比較牢靠的值？還是 "width: 100%;" 已經夠了。 
因為移動設備的窗口沒有邊框，因此與桌面系統不同，絕大多數情況下設備寬度= 
窗口寬度。實際上，如果用百分比設定寬度的話，在設備旋轉的時候經常 會造成 
排版錯誤（圖文混排的時候）。
> == 問題三 ==
> 第三章[4]開頭這裡，Mozilla 的 David Baron 有一個評論： # "dbaron: The 
> question is, what does this do on the desktop browser? (And what's a 
> desktop browser)". Need to say that a "desktop" browser typically have 
> no UA styles, as opposed to the UA stylesheet outlined for current 
> mobile behaviour, and that no UA styles for @viewport will give 
> "desktop" behaviour per default (actual viewport is initial viewport).
> 「桌上」行為是不是就是 "width: 100%"？不過不管怎麼樣我同意如何定義「桌 
> 上 瀏覽器」是一個大難題，總不能說不在 Android 跟 iOS 上跑的就是桌上瀏 
> 覽器吧。
baron的意思大概是問視口這個東西在桌面系統的瀏覽器中如何使用，我覺得他說 
的what's a desktop browser大概是指怎麼區分桌面瀏覽器和平板電腦的瀏覽器， 
或者說把它們歸為一類。
>
> [4] http://dev.w3.org/csswg/css-device-adapt/#the-viewport
> 另外，我沒什麼行動網頁的經驗，一般在點兩下放大的時候視口大小是會改還是 
> 不 會改，這裡需要什麼 CSS 的調節機制嗎？
視口不改變，改變的是比例（scale）

Received on Tuesday, 1 November 2011 03:33:12 UTC