App下載
首頁(yè) > html > zoom > CSS Property Value - 如何zoom:300％

CSS Property Value - 如何zoom:300％

我們想知道如何zoom:300％ 

<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
#sampleDiv {
  width: 100px;
  background-color: Gray;
}
</style>
</head>
<body>
  Zoom div by clicking buttons below:
  <div id="sampleDiv">
    <button onclick="sampleDiv.style.zoom='100%'">Zoom 100%</button>
    <br />
    <button onclick="sampleDiv.style.zoom='200%'">Zoom 200%</button>
    <br />
    <button onclick="sampleDiv.style.zoom='300%'">Zoom 300%</button>
    <br />
  </div>
  <!-- Post Info -->
  <div
    style='position: fixed; bottom: 0; left: 0; background: lightgray; width: 100%;'>
    Further Reading: <a
      >CSS
      Tricks - Zoom</a>
    <div>
</body>
</html>