首页 > web前端 > css教程 > 让我们只用一根安装线就可以使网络响应起来吗?我正在寻找贡献者!

让我们只用一根安装线就可以使网络响应起来吗?我正在寻找贡献者!

Barbara Streisand
发布: 2024-11-06 09:04:02
原创
524 人浏览过

最近我发布了一个 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
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板