W3C home > Mailing lists > Public > public-html-ig-zh@w3.org > November 2011

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

From: Hawkeyes Wind <hawkeyes0.cn@gmail.com>
Date: Tue, 01 Nov 2011 11:32:23 +0800
Message-ID: <4EAF6847.2020302@gmail.com>
To: "Kang-Hao (Kenny) Lu" <kennyluck@w3.org>
CC: 中文HTML5同樂會ML <public-html-ig-zh@w3.org>
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

This archive was generated by hypermail 2.3.1 : Tuesday, 6 January 2015 20:43:49 UTC