進階搜尋
找商品說明
價錢: -
此分類無可選擇屬性
購物車
關於我們   >>  最新消息
最新消息
  • 2014-03-07 網站測試
    所謂的自適應網頁設計主要是透過CSS設定,讓網頁版面的寬度,依照設計者的設定,以百分比的形式來呈現,所以頁面寬度的顯示是根據使用者的瀏覽設備解析度作輸出,因此可避免瀏覽器的橫向捲軸出現。(又稱為Adaptive Design)

    液態排版 vs 固定寬度排版
     液態排版的對比設計方式就叫「固定寬度(fixed-width)排版」,傳統上來說,比起液態方式,固定方式通常較受平面及視覺設計師歡迎,因為他們較習慣先決定整體版面輸出的範圍,而液態方式則需要費多一點心力去考量很多不同解析度的情況,雖然比較費工,但卻是互動介面不可或缺的重要設計。

    應用Media Queries技巧
     本篇要介紹的技巧,算是利用CSS3來簡化及強化Liquid Layout的設計活動,因為是針對解析度進行的排版設計,國外也有稱之為dynamic resolution dependent layout,不過更多是乾脆以達成此效果的功能名稱–CSS3 media queries來介紹這種技巧。
1 / 1
google+facebooktwitter

橙億科技股份有限公司

台北市中山區(104)建國北路一段23巷55號1樓 TEL:+886-2-2721-0917 FAX:+886-2-2721-0927