简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > css教學 > 主體

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

Barbara Streisand
發布： 2024-11-06 09:04:02
原創
431 人瀏覽過

最近我發布了一個 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中文網其他相關文章！

來源：dev.to
上一篇：如何更改懸停時的按鈕顏色：出了什麼問題以及如何修復？ 下一篇：如何從視口頂部偏移錨定連結？
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
function_exists()無法判定自訂函數 function test()    {        return true;    }    if (function_exists('TEST')) {        ech...
來自於 2024-04-29 11:01:01
0
2
1771
google 瀏覽器 手機版顯示的怎麼實現 老師您好，google 瀏覽器怎麼變成手機版樣式的？
來自於 2024-04-23 00:22:19
0
10
1908
子窗口操作父窗口，輸出沒反應 前兩句可執行，最後一句沒辦法應
來自於 2024-04-19 15:37:47
0
1
1626
父視窗沒有輸出 document.onclick = function(){ window.opener.document.write('我是子視窗的輸出');                  ...
來自於 2024-04-18 23:52:34
0
1
1536
關於CSS心智圖的課件在哪？ 課件
來自於 2024-04-16 10:10:18
0
0
1571
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！