[{"data":1,"prerenderedAt":92},["ShallowReactive",2],{"tool-content-en-css-unit-converter":3},{"id":4,"title":5,"body":6,"description":83,"extension":84,"locale":85,"meta":86,"navigation":87,"path":88,"seo":89,"stem":90,"toolId":12,"__hash__":91},"tools\u002Ftools\u002Fen\u002Fcss-unit-converter.md","CSS Unit Converter",{"type":7,"value":8,"toc":78},"minimark",[9,13,33,75],[10,11,5],"h2",{"id":12},"css-unit-converter",[14,15,16,17,21,22,21,25,28,29,32],"p",{},"Convert CSS lengths between ",[18,19,20],"code",{},"px",", ",[18,23,24],{},"rem",[18,26,27],{},"vw"," and ",[18,30,31],{},"vh"," in either direction. Pick the source and target unit, enter a value, and read the result instantly.",[34,35,36,63,72],"ul",{},[37,38,39,41,42,44,45,49,50,52,53,56,57,52,59,62],"li",{},[18,40,20],{}," is absolute. ",[18,43,24],{}," is relative to the ",[46,47,48],"strong",{},"root font size"," (16 px by default), ",[18,51,27],{}," to the ",[46,54,55],{},"design width"," (100 vw equals the viewport width you configure, 375 px by default), and ",[18,58,31],{},[46,60,61],{},"viewport height",".",[37,64,65,66,68,69,71],{},"The settings panel also carries common mobile and desktop presets, so converting a mobile design is one click away: pick 375 × 812, for example, then every ",[18,67,20],{}," to ",[18,70,27],{}," result is sized for that design.",[37,73,74],{},"The batch panel converts many values at once — paste several lines with one or more numbers per line, split by spaces or commas — and the numbers-only output can be copied or downloaded.",[14,76,77],{},"All conversions run locally in your browser. No server round-trips, no uploads.",{"title":79,"searchDepth":80,"depth":80,"links":81},"",2,[82],{"id":12,"depth":80,"text":5},"Convert between px, rem, vw and vh with a configurable root font size and viewport, in single or batch mode.","md","en",{},true,"\u002Ftools\u002Fen\u002Fcss-unit-converter",{"title":5,"description":83},"tools\u002Fen\u002Fcss-unit-converter","4sz4D7GChJnnpKO-J2CXhxikJW2FHNdoqY74mNEJZ1w",1792391417058]