{"id":2399,"date":"2023-11-14T15:10:41","date_gmt":"2023-11-14T03:59:13","guid":{"rendered":""},"modified":"2023-11-14T11:59:13","modified_gmt":"2023-11-14T03:59:13","slug":"CSS zoom","status":"publish","type":"post","link":"https:\/\/bianchenghao6.com\/2399.html","title":{"rendered":"CSS zoom"},"content":{"rendered":"


\n <\/head>
\n <\/p>\n

\n

CSS zoom<\/h1>\n<\/p><\/div>\n
\n \u6b64CSS\u5c5e\u6027\u7f29\u653e\u5185\u5bb9\u3002\u5b83\u7ba1\u7406\u5185\u5bb9\u7684\u653e\u5927\u7ea7\u522b\u3002\u9664\u4e86\u4f7f\u7528\u6b64\u5c5e\u6027\uff0c\u6211\u4eec\u8fd8\u53ef\u4ee5\u4f7f\u7528
\n transform: scale(); <\/strong>\u5c5e\u6027\u3002\n <\/div>\n
\n \u4e0d\u5efa\u8bae\u4f7f\u7528\u6b64CSS\u5c5e\u6027\uff0c\u56e0\u4e3a\u67d0\u4e9b\u6d4f\u89c8\u5668\u4e0d\u652f\u6301\u6b64\u5c5e\u6027\u3002\u8fd9\u662f\u4e00\u9879\u975e\u6807\u51c6\u529f\u80fd\uff0c\u5efa\u8bae\u4e0d\u8981\u5728\u751f\u4ea7\u73b0\u573a\u4f7f\u7528\u3002\u5b83\u6700\u521d\u662f\u5728IE\u6d4f\u89c8\u5668\u4e2d\u5b9e\u73b0\u7684\u3002\n <\/div>\n

\u8bed\u6cd5<\/h3>\n
\n
 zoom: normal | number | percentage | reset ;
 <\/span><\/code><\/pre>\n<\/p><\/div>\n
\n    \u6b64\u5c5e\u6027\u652f\u6301\u4e0a\u9762\u63d0\u5230\u7684\u503c\uff0c\u5982\u4e0b\u6240\u8ff0\u3002\n  <\/div>\n
\n   normal:<\/strong>\u5b83\u4ee5\u6b63\u5e38\u5927\u5c0f\u663e\u793a\u5143\u7d20\u3002\u5b83\u5b9a\u4e49\u4e86\u5143\u7d20\u7684\u6b63\u5e38\u5927\u5c0f\u3002 Tt\u4fdd\u7559\u4e0d\u7f29\u5c0f\u6216\u653e\u5927\u7684\u666e\u901a\u5185\u5bb9\u3002\u5176\u503c\u4e3a
\n    zoom: 1; <\/strong>\n  <\/div>\n
\n    number\uff1a<\/strong>\u5b83\u662f\u4e00\u4e2a\u6b63\u6d6e\u70b9\u503c\uff0c\u8868\u793a\u7f29\u653e\u7cfb\u6570\u3002\u5176\u503c\u5c0f\u4e8e1.0\u8868\u793a\u7f29\u5c0f\uff08\u6216\u51cf\u5c0f\u5c3a\u5bf8\uff09\uff0c\u800c\u5927\u4e8e1.0\u8868\u793a\u653e\u5927\uff08\u589e\u5927\u5c3a\u5bf8\uff09\u3002\u5047\u8bbe\u6211\u4eec\u6307\u5b9a
\n    zoom: 1.5; <\/strong>\uff0c\u90a3\u4e48\u5185\u5bb9\u5c06\u662f\u539f\u59cb\u5185\u5bb9\u76841.5\u500d\u3002\n  <\/div>\n
\n   percentage\uff1a<\/strong>\u5b83\u5b9a\u4e49\u4e86\u4e00\u4e2a\u767e\u5206\u6bd4\u503c\u3002\u5176
\n    100\uff05<\/strong>\u503c\u7b49\u540c\u4e8e\u6b63\u5e38\u503c\u3002\u5b83\u4f7f\u7528\u767e\u5206\u6bd4\u503c\u7f29\u653e\u5185\u5bb9\u3002\u5176\u503c\u5927\u4e8e100\uff05\u8868\u793a\u653e\u5927\uff0c\u800c\u503c\u5c0f\u4e8e100\uff05\u8868\u793a\u7f29\u5c0f\u3002\u5047\u8bbe\u6211\u4eec\u5b9a\u4e49
\n    zoom: 175\uff05; <\/strong>\uff0c\u5219\u8868\u793a\u5185\u5bb9\u6bd4\u539f\u59cb\u5185\u5bb9\u5927\u4e86175\uff05\u3002\n  <\/div>\n
\n    \u6211\u4eec\u53ef\u4ee5\u901a\u8fc7\u4f7f\u7528\u4e00\u4e9b\u63d2\u56fe\u6765\u7406\u89e3\u6b64\u5c5e\u6027\u3002\n  <\/div>\n
 \u793a\u4f8b1 <\/h3>\n
\n
 <!DOCTYPE html>
 <html><\/span>
 <head><\/span>
     <title><\/span>
         CSS zoom
     <\/title><\/span>
     <style><\/span>
     h1 {
         color: red;
     }
     h2 {
         color: blue;
     }
     .magnify1 {
         zoom: 0.75;
     }
     .magnify {
         zoom: 1.5;
     }
     <\/style><\/span>
 <\/head><\/span>
 <body><\/span>
     <center><\/span>
         <h1><\/span>CSS zoom \u5c5e\u6027<\/h1><\/span>
         <div><\/span>
             <h2><\/span>\u59cb\u56fe\u50cf<\/h2><\/span>
             <img class=\"original\"<\/span> src=\"..\/uploads\/html\/rose.jpg\"<\/span><\/span><\/span>>
             <h2><\/span>\u56fe\u50cf\u7f29\u653e\uff1a0.75<\/h2><\/span>
             <img class=\"magnify1\"<\/span> src=\"..\/uploads\/html\/rose.jpg\">
             <h2><\/span>\u653e\u5927\u56fe\u50cf\u7f29\u653e\uff1a1.5<\/h2><\/span>
             <img class=\"magnify\"<\/span> src=\"..\/uploads\/html\/rose.jpg\">
         <\/div><\/span>
     <\/center><\/span>
     <body><\/span>
 <\/html><\/span>
 <\/span><\/code><\/pre>\n<\/p><\/div>\n
\n   \u8f93\u51fa\uff1a<\/strong>\n  <\/div>\n
  CSS zoom_https:\/\/bianchenghao6.com_\u3010CSS \u6559\u7a0b\u3011_\u7b2c1\u5f20 <\/p>\n
 \u793a\u4f8b2 <\/h3>\n
\n
 <!DOCTYPE html>
 <html><\/span>
 <head><\/span>
     <title><\/span>
         CSS zoom
     <\/title><\/span>
     <style><\/span>
     h1 {
         color: red;
     }
     .magnify {
         width: 100px;
         height: 100px;
         border-radius: 30px;
         display: inline-block;
         color: white;
     }
     #m1 {
<\/span>         background-color: blue;
         zoom: normal;
     }
     #m2 {
<\/span>         background-color: yellow;
         zoom: 200%;
         color: black;
     }
     #m3 {
<\/span>         background-color: green;
         zoom: 2.9;
     }
     p {
         padding-top: 20px;
     }
     <\/style><\/span>
 <\/head><\/span>
 <body><\/span>
     <center><\/span>
         <h1><\/span>CSS zoom \u5c5e\u6027<\/h1><\/span>
         <div id=\"m1\"<\/span> class=\"magnify\"<\/span><\/span><\/span>>
             <p><\/span>zoom: normal;<p><\/span>
         <\/div><\/span>
         <div id=\"m2\"<\/span> class=\"magnify\">
             <p><\/span>zoom: 200%;<p><\/span>
         <\/div><\/span>
         <div id=\"m3\"<\/span> class=\"magnify\">
             <p><\/span>zoom: 2.9;<p><\/span>
         <\/div><\/span>
     <\/center><\/span>
     <body><\/span>
 <\/html><\/span>
 <\/span><\/code><\/pre>\n<\/p><\/div>\n
\n   \u8f93\u51fa\uff1a<\/strong>\n  <\/div>\n
  CSS zoom_https:\/\/bianchenghao6.com_\u3010CSS \u6559\u7a0b\u3011_\u7b2c2\u5f20
\n <\/body>
\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"zh-cn","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[175],"tags":[],"class_list":["post-2399","post","type-post","status-publish","format-standard","hentry","category-css-jc"],"_links":{"self":[{"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/posts\/2399"}],"collection":[{"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/comments?post=2399"}],"version-history":[{"count":0,"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/posts\/2399\/revisions"}],"wp:attachment":[{"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/media?parent=2399"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/categories?post=2399"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bianchenghao6.com\/wp-json\/wp\/v2\/tags?post=2399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}