首頁 >web前端 >css教學 >讓我們只用一條安裝線就可以讓網路回應起來嗎?我正在尋找貢獻者!

讓我們只用一條安裝線就可以讓網路回應起來嗎?我正在尋找貢獻者!

Barbara Streisand
Barbara Streisand原創
2024-11-06 09:04:02508瀏覽

最近我發布了一個 NPM 包,其使命如標題所示:讓專案只需一行程式碼即可回應!

我與您分享響應式應用程式 [beta] 套件

我花了幾年時間嘗試開發這項技術,目前包括:

  1. 動態設定 HTML 標籤字體大小(透過 JS 腳本),考慮:(1) 螢幕解析度和 (2) 瀏覽器字體大小(用於網頁可訪問性)
  2. 將像素定義預處理為 rem
  3. 集中移動螢幕中的元素(實驗功能)

結果是所有元素比例和相對大小在所有螢幕解析度上都相同:

Let’s make the web responsive with just one installation line? I’m looking for contributors!

只需一行安裝,例如使用 Rollup:

import responsive from 'rollup-plugin-responsive-app'

export default {
   …
   plugins: [
   …,
   // Last plugin on the list
   responsive()
   ],
};

或將瀏覽器捆綁版本放入頁面:

<head>
    <script src="https://cdn.jsdelivr.net/npm/responsive-app@1.0.7-beta.0/dist/browser-bundle.min.js"></script>
</head>

這裡的主要目標是在創建新項目時節省時間,根本不需要處理響應能力,只需相信介面在所有螢幕解析度上都會看起來不錯。聽起來不錯吧?

所以,在推出這個測試版本後,我正在尋找支援和貢獻者。最初,我們的想法是在不同的上下文、項目和框架(React、Angular、Vue…)中測試這個包,以使過程盡可能全面。

誰準備好迎接這個挑戰?測試步驟為:

  1. 將腳本標籤安裝或新增至您的新應用程式或現有應用程式中 1.1 如果您有現有的響應式規則,請繞過它們
  2. 跨多種解析度檢查您的介面
  3. 讓我知道它對你有什麼作用:)

以上是讓我們只用一條安裝線就可以讓網路回應起來嗎?我正在尋找貢獻者!的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn