REM calculator for Webflow

Calculate PX to REM in Webflow. Select or enter base width. Enter element size(px) and press 'Space'. tg: @kobro

什么是REM calculator for Webflow?

REM calculator for Webflow是由kobro开发的Chrome扩展程序,该扩展的主要功能是“Calculate PX to REM in Webflow. Select or enter base width. Enter element size(px) and press 'Space'. tg: @kobro”。

扩展截图

screenshot

下载REM calculator for Webflow扩展crx文件

下载REM calculator for Webflow扩展crx格式的文件,手动将Chrome插件安装到浏览器中,也可以将crx文件分享给朋友,轻松安装Chrome插件。

扩展使用说明

                        Calculate px to rem inside Webflow designer.
Before start, make sure you have embed code: html { font-size: 1vw; }

HOW TO USE:
1. Enter base width in px of your design or select width options.
2. In input like margin, padding, width, height, etc.. enter number in PX and press 'Space' key.
3. Get REM size in your input.

(PX size / PX base width) * 100 = REM                    

扩展基本信息

名称 REM calculator for Webflow REM calculator for Webflow
ID bhfnnhhohijiicjkcpgphmodfaehmijj
官方URL https://chromewebstore.google.com/detail/rem-calculator-for-webflo/bhfnnhhohijiicjkcpgphmodfaehmijj
简介 Calculate PX to REM in Webflow. Select or enter base width. Enter element size(px) and press 'Space'. tg: @kobro
文件大小 11.07 KB
安装次数 87
当前版本 0.0.4
更新时间 2024-02-14
上架时间 2022-06-17
开发者 kobro
电子邮箱 [email protected]
付费类型 free
帮助页面URL https://t.me/kobro
支持的语言 en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "name": "REM calculator for Webflow",
    "description": "Calculate PX to REM in Webflow. Select or enter base width. Enter element size(px) and press 'Space'. tg: @kobro",
    "version": "0.0.4",
    "manifest_version": 3,
    "host_permissions": [
        "https:\/\/*.webflow.com\/*"
    ],
    "permissions": [
        "storage",
        "activeTab",
        "scripting"
    ],
    "content_scripts": [
        {
            "matches": [
                "https:\/\/*.webflow.com\/*"
            ],
            "js": [
                "main.js"
            ],
            "run_at": "document_idle"
        }
    ],
    "action": {
        "default_popup": "popup.html"
    },
    "icons": {
        "16": "icons\/icon_16.png",
        "32": "icons\/icon_32.png",
        "48": "icons\/icon_48.png",
        "128": "icons\/icon_128.png"
    }
}