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 เป็นส่วนขยายของ Chrome ที่พัฒนาโดย kobro และคุณลักษณะหลักของมันคือ "Calculate PX to REM in Webflow. Select or enter base width. Enter element size(px) and press 'Space'. tg: @kobro"

ภาพหน้าจอของส่วนขยาย

screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย REM calculator for Webflow

ดาวน์โหลดไฟล์ส่วนขยาย 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"
    }
}