Convert px to vw/vh. Viewport units. For responsive design. Assumes 1920x1080.
Convert px to vw/vh. Viewport units. For responsive design. Assumes 1920x1080.
Category: Strumenti di design • Free online tool • No signup required
Strumenti che potrebbero servirti
Convert pixels to rem. Custom base font size. For responsive typography.
Strumenti di designConvert em to pixels. Custom base. For typography and layout.
Strumenti di designConvert between px, pt, em, rem, %, vw. All font size units. For typography.
Strumenti di designCalculate line-height from font size and multiplier. For typography and readability.
Strumenti di designCalculate letter-spacing in em from px. For typography and design.
Strumenti di designVisual aspect ratio calculator with width/height inputs, common presets (16:9, 4:3, 1:1), device presets (iPhone, MacBook, 4K), and CSS aspect-ratio output.
Strumenti di design@media (min-width: 640px) {
/* sm */
}
@media (min-width: 768px) {
/* md */
}
@media (min-width: 1024px) {
/* lg */
}
@media (min-width: 1280px) {
/* xl */
}
@media (min-width: 1536px) {
/* 2xl */
}@include breakpoint(sm) {
/* your styles */
}
@include breakpoint(md) {
/* your styles */
}
@include breakpoint(lg) {
/* your styles */
}
@include breakpoint(xl) {
/* your styles */
}
@include breakpoint(2xl) {
/* your styles */
}// tailwind.config.js
module.exports = {
theme: {
extend: {
screens: {
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1280px',
2xl: '1536px'
}
}
}
}