Tag

Viewport Units

0 views collected around this technical thread.

Rare Earth Juejin Tech Community

Feb 10, 2025 · Frontend Development

Creating a Custom PostCSS px-to-viewport Plugin for Vite to Achieve Responsive Design

This article explains how to create a custom PostCSS plugin for Vite that converts pixel units to viewport width units, covering meta tag setup, plugin configuration, TypeScript implementation, handling multi‑value properties, and troubleshooting conversion issues.

CSSPostCSSTypeScript

0 likes · 8 min read

Creating a Custom PostCSS px-to-viewport Plugin for Vite to Achieve Responsive Design

JD Tech

Nov 1, 2018 · Frontend Development

Responsive Layout Techniques Using CSS Viewport Units, Media Queries, and JavaScript

This article explains how to achieve responsive design by calculating viewport heights for various desktop and mobile resolutions, using CSS viewport units (vh, vw) and rem together with media queries and JavaScript to dynamically switch scaling modes for consistent UI across devices.

CSSViewport Unitsfrontend

0 likes · 9 min read

Responsive Layout Techniques Using CSS Viewport Units, Media Queries, and JavaScript