網路城邦
上一篇 回創作列表 下一篇   字體:
台南網頁設計 RWD響應式網頁設計 大奧資訊 - 網頁設計公司
2022/08/31 02:18:31瀏覽22|回應0|推薦0
大奧資訊是在地台南網頁設計公司,我們提供客製網頁設計與自開發公版電商購物、一頁式購物、形象網站。快速、輕鬆建置網站,友善的後端管理介面與SEO優化管理。

RWD響應式網頁設計

(英語:Responsive Web Design,通常縮寫為RWD),或稱自適應網頁設計響應式網頁設計對應式網頁設計。 是一種網頁設計的技術,這種設計可使網站在不同的裝置(從桌面電腦顯示器到行動電話或其他行動裝置)上瀏覽時對應不同解析度皆有適合的呈現,減少使用者進行縮放、平移和捲動等操作行為。

對於網站設計師和前端工程師來說,有別於過去需要針對各種裝置進行不同的設計,使用此種設計方式將更易於維護網頁。

此概念於2010年5月由美國網頁設計師Ethan Marcotte所提出。

採用 RWD 的網站使用CSS3 中的 Media queries,是針對 台南網頁設計@media 查詢的延伸應用,藉由流體格線[和回應式的圖片針對不同大小的裝置提供對應的樣式:

  • 流體格線概念要求頁面元素使用相對單位,如百分比或em調整大小,而不是絕對單位,如像素或點。[9]
  • 回應式圖片應以相對單位調整大小(最大到 100%),防止它們顯示於它們的上層元素外。
  • Media queries允許頁面根據瀏覽裝置而使用不同 CSS 樣式規則,最常用的是瀏覽器的寬度。

回應式網頁設計變得更加重要,是因為行動裝置流量現在占網際網路流量的一半以上[14]。因此,Google 宣布行動裝置時代的到來(Mobilegeddon)(2015年4月21日),如果搜尋行為是來自行動裝置,將會提高對行動裝置友善的網站排名。[15]

( 不分類不分類 )
回應 推薦文章 列印 加入我的文摘
上一篇 回創作列表 下一篇

引用
引用網址:https://classic-blog.udn.com/article/trackback.jsp?uid=62cc3219&aid=176977785