什麼是響應式網頁設計?定義

多年前,當技術還很發達時,人們只需擔心所做的視覺事物(圖像、遊戲、應用程序界面……)在可放置在 14 英寸左右的顯示器上的屏幕上看起來是否良好。。但這種演進是不可阻擋的,目前我們擁有多種設備和格式。

這意味著使用者介面或任何其他內容不僅必須處理不同的影像尺寸,還要處理不同使用的設備以及顯著不同的寬高比。

網路是 90 年代出現的進步,從那時起就變得至關重要,但它的使用平台場景也經歷了這些變化,管理網路標準的實體不得不做出選擇巧妙的解決方案讓Web 介面開發人員的生活更輕鬆。

自適應網站(也稱為響應式網站,採用原始英文單字)是一種介面自動調整大小、圖形元素重新定位以方便在任何螢幕尺寸和長寬比上查看的網站。

讓我們考慮一下螢幕格式的多樣性,從可垂直閱讀的 5 吋螢幕和 18:9 比例的智慧型手機到 40 吋 16:9 電視,以及介於兩者之間的電腦或平板電腦。

在採取措施使網頁的圖形介面自動適應正在查看的螢幕之前,「解決方案」包括提供所有可能的格式,並酌情提供不同的頁面。問題在於那些不可預見的格式和技術進化自然帶來的格式。

W3C(萬維網聯盟)建立了實現響應式設計的工具,該設計適應瀏覽網頁的螢幕格式,無論該格式和螢幕尺寸是什麼。

由於透過 CSS 樣式定義檔將頁面內容與所述內容的呈現以及頁面的整體外觀和感覺分離,因此引入所述技術成為可能。

這些允許您修改整個網站(理解為一組頁面)的外觀,而無需接觸所有 HTML 文件的源代碼,因為樣式和表示的定義(包含在文件中)是不同的( CSS)內容(在HTML 文件中找到)。

自 21 世紀第一個十年末以來,W3C 一直在討論響應式設計的元素並將其引入 Web 標準。

2006 年第一代 iPhone推出後,競賽開始調整網站,以便在桌面瀏覽器、大螢幕以及行動裝置上都能完美查看。