import{S as oe,i as pe,s as ie,C as U,w as re,x as ne,y as ce,z as fe,A as g,f as me,t as de,B as ue,X as ee,l as f,r as k,a as _,V as L,e as se,m,n as d,u as D,h as s,c as v,W as Q,p as R,b as o,G as u,E as _e}from"../chunks/index-cd58b8d1.js";import{P as ve}from"../chunks/post_layout-9085e57e.js";import"../chunks/posts-c52cb603.js";import"../chunks/title-765c989f.js";import"../chunks/index-81c83cec.js";import"../chunks/post_card-e7f4525a.js";import"../chunks/posts-57ab4794.js";import"../chunks/icon-3aa13b39.js";import"../chunks/head-4a058b17.js";import"../chunks/footer-1abd9501.js";function Fe(E){let l,i,r,n,a=`<pre class="shiki material-default" style="background-color: #263238; color: #EEFFFF"><div class='code-container'><code><div class='line'><span style="color: undefined">1rem=16px</span></div></code></div></pre>`,p,c,Z,T,F,x,O,q,$,te=`<pre class="shiki material-default" style="background-color: #263238; color: #EEFFFF" css="true"><div class="language-id">css</div><div class='code-container'><code><div class='line'><span style="color: #FFCB6B">html</span><span style="color: #EEFFFF"> </span><span style="color: #89DDFF">&#123;</span></div><div class='line'><span style="color: #EEFFFF">  </span><span style="color: #B2CCD6">font-size</span><span style="color: #89DDFF">:</span><span style="color: #EEFFFF"> </span><span style="color: #F78C6C">10px</span><span style="color: #89DDFF">;</span></div><div class='line'><span style="color: #89DDFF">&#125;</span></div></code></div></pre>`,b,h,w,j,H,y,C,G,z,S,K,A,P,ae=`<pre class="shiki material-default" style="background-color: #263238; color: #EEFFFF"><div class='code-container'><code><div class='line'><span style="color: undefined">html&#123;</span></div><div class='line'><span style="color: undefined">/* 10px/16px =62.5%*/</span></div><div class='line'><span style="color: undefined">font-size:62.5%;</span></div><div class='line'><span style="color: undefined">&#125;</span></div></code></div></pre>`,B;return{c(){l=f("p"),i=k("\u9ED8\u8BA4\u4E3A\u6D4F\u89C8\u5668\u9ED8\u8BA4\u5B57\u4F53\u5927\u5C0F\uFF1A"),r=_(),n=new L(!1),p=_(),c=f("p"),Z=k("\u6539\u53D8 rem \u4E3A 10px\uFF1A"),T=_(),F=f("h2"),x=f("a"),O=k("1. set px"),q=_(),$=new L(!1),b=_(),h=f("blockquote"),w=f("p"),j=k("\u8FD9\u79CD\u65B9\u6CD5\u4F1A\u8BA9\u7528\u6237\u4E0D\u80FD\u6539\u53D8\u9875\u9762\u5B57\u4F53\u5927\u5C0F\uFF0C\u4E0D\u5EFA\u8BAE\u7528"),H=_(),y=f("h2"),C=f("a"),G=k("2. percentage"),z=_(),S=f("p"),K=k("\u8BBE\u7F6E\u4E3A\u7528\u6237\u6D4F\u89C8\u5668\u5B57\u4F53\u7684\u5927\u5C0F\u6BD4\u4F8B\u3002"),A=_(),P=new L(!1),B=se(),this.h()},l(e){l=m(e,"P",{});var t=d(l);i=D(t,"\u9ED8\u8BA4\u4E3A\u6D4F\u89C8\u5668\u9ED8\u8BA4\u5B57\u4F53\u5927\u5C0F\uFF1A"),t.forEach(s),r=v(e),n=Q(e,!1),p=v(e),c=m(e,"P",{});var V=d(c);Z=D(V,"\u6539\u53D8 rem \u4E3A 10px\uFF1A"),V.forEach(s),T=v(e),F=m(e,"H2",{id:!0});var W=d(F);x=m(W,"A",{href:!0});var X=d(x);O=D(X,"1. set px"),X.forEach(s),W.forEach(s),q=v(e),$=Q(e,!1),b=v(e),h=m(e,"BLOCKQUOTE",{});var I=d(h);w=m(I,"P",{});var J=d(w);j=D(J,"\u8FD9\u79CD\u65B9\u6CD5\u4F1A\u8BA9\u7528\u6237\u4E0D\u80FD\u6539\u53D8\u9875\u9762\u5B57\u4F53\u5927\u5C0F\uFF0C\u4E0D\u5EFA\u8BAE\u7528"),J.forEach(s),I.forEach(s),H=v(e),y=m(e,"H2",{id:!0});var M=d(y);C=m(M,"A",{href:!0});var N=d(C);G=D(N,"2. percentage"),N.forEach(s),M.forEach(s),z=v(e),S=m(e,"P",{});var Y=d(S);K=D(Y,"\u8BBE\u7F6E\u4E3A\u7528\u6237\u6D4F\u89C8\u5668\u5B57\u4F53\u7684\u5927\u5C0F\u6BD4\u4F8B\u3002"),Y.forEach(s),A=v(e),P=Q(e,!1),B=se(),this.h()},h(){n.a=p,R(x,"href","#1-set-px"),R(F,"id","1-set-px"),$.a=b,R(C,"href","#2-percentage"),R(y,"id","2-percentage"),P.a=B},m(e,t){o(e,l,t),u(l,i),o(e,r,t),n.m(a,e,t),o(e,p,t),o(e,c,t),u(c,Z),o(e,T,t),o(e,F,t),u(F,x),u(x,O),o(e,q,t),$.m(te,e,t),o(e,b,t),o(e,h,t),u(h,w),u(w,j),o(e,H,t),o(e,y,t),u(y,C),u(C,G),o(e,z,t),o(e,S,t),u(S,K),o(e,A,t),P.m(ae,e,t),o(e,B,t)},p:_e,d(e){e&&s(l),e&&s(r),e&&n.d(),e&&s(p),e&&s(c),e&&s(T),e&&s(F),e&&s(q),e&&$.d(),e&&s(b),e&&s(h),e&&s(H),e&&s(y),e&&s(z),e&&s(S),e&&s(A),e&&s(B),e&&P.d()}}}function ye(E){let l,i;const r=[E[0],le];let n={$$slots:{default:[Fe]},$$scope:{ctx:E}};for(let a=0;a<r.length;a+=1)n=U(n,r[a]);return l=new ve({props:n}),{c(){re(l.$$.fragment)},l(a){ne(l.$$.fragment,a)},m(a,p){ce(l,a,p),i=!0},p(a,[p]){const c=p&1?fe(r,[p&1&&g(a[0]),p&0&&g(le)]):{};p&2&&(c.$$scope={dirty:p,ctx:a}),l.$set(c)},i(a){i||(me(l.$$.fragment,a),i=!0)},o(a){de(l.$$.fragment,a),i=!1},d(a){ue(l,a)}}}const le={title:"CSS \xB7 Rem in CSS",slug:"/rem-css.md",tags:["CSS"],created:"2022-01-12T09:50:27.000Z",summary:"CSS\u4E2D\u7684Rem\u662F\u4EC0\u4E48",lastmod:"2022-05-07T05:32:42.708Z",path:"/rem-css",toc:[{depth:2,title:"1. set px",slug:"1-set-px"},{depth:2,title:"2. percentage",slug:"2-percentage"}],updated:"2022-08-06T10:49:34.711Z"};function Ee(E,l,i){return E.$$set=r=>{i(0,l=U(U({},l),ee(r)))},l=ee(l),[l]}class Be extends oe{constructor(l){super(),pe(this,l,Ee,ye,ie,{})}}export{Be as default,le as metadata};