简体中文(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
原创
430 人浏览过

最近我发布了一个 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学习者快速成长！