[教學] 透過CSS讓文字支援RWD隨著裝置自行縮放文字大小

 <p class="rwdtxt">
    全球有1/4的網站，都是使用WordPress所架設，就連美國白宮官方網站，也是採用WordPress所架設，最主要的原因就在於，WordPress簡易、方便、好操控，同時更助於SEO的優化，以及網路上也有豐富的外掛資源，與佈景主題可使用，就可將WordPress變成購物車、公司官網、活動網站、個人作品網…..，雖然說買佈景很快，但要俢改或加入元素進去時，就相當的麻煩，甚至網站也很肥大，瀏覽速度相當的緩慢，因此這時只有自行開發與設計，才能讓網站方便修改，甚至開啟的速度更快，而開發WordPress佈景一點都不難，也無需了解PHP語法，就能客製化自己的佈景主題來囉
  </p>
  <hr>
  <p>
    全球有1/4的網站，都是使用WordPress所架設，就連美國白宮官方網站，也是採用WordPress所架設，最主要的原因就在於，WordPress簡易、方便、好操控，同時更助於SEO的優化，以及網路上也有豐富的外掛資源，與佈景主題可使用，就可將WordPress變成購物車、公司官網、活動網站、個人作品網…..，雖然說買佈景很快，但要俢改或加入元素進去時，就相當的麻煩，甚至網站也很肥大，瀏覽速度相當的緩慢，因此這時只有自行開發與設計，才能讓網站方便修改，甚至開啟的速度更快，而開發WordPress佈景一點都不難，也無需了解PHP語法，就能客製化自己的佈景主題來囉
  </p>

html{
  font-size: 14px;
}
.rwdtxt {
  font-size: 1.2rem;
  color:green;
}
@media (min-width: 600px) and (max-width: 1200px) {
  .rwdtxt {
   font-size: calc(1.2rem + (1.3-1.2) * ((100vw - 600px) / (1200 - 600)));
  color:blue;
  }
}
@media (min-width: 1200px) {
  .rwdtxt {
     font-size: 1.3rem;
     color:red;
  }
}