首页 > web前端 > css教程 > 正文

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

霞舞
发布: 2024-11-05 08:21:01
转载
426人浏览过

最近我发布了一个 npm 包,其使命如标题所示:让项目只需一行代码即可响应!

我与您分享响应式应用程序 [beta] 包

我花了几年时间尝试和开发这项技术,目前包括:

  1. 动态设置 html 标签字体大小(通过 js 脚本),考虑:(1) 屏幕分辨率和 (2) 浏览器字体大小(用于网络可访问性)
  2. 将像素定义预处理为 rem
  3. 集中移动屏幕中的元素(实验功能)

结果是所有元素比例和相对大小在所有屏幕分辨率上都相同:

image description

只需一行安装,例如使用 rollup:

无阶未来模型擂台/AI 应用平台
无阶未来模型擂台/AI 应用平台

无阶未来模型擂台/AI 应用平台,一站式模型+应用平台

无阶未来模型擂台/AI 应用平台 35
查看详情 无阶未来模型擂台/AI 应用平台
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中文网其它相关文章!

相关标签:
最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:dev.to网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门推荐
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号