123456789
html { font:100%/1.3 Verdana,Helvetica,Arial,sans-serif; } body { font:70%/1.3 Verdana,Helvetica,Arial,sans-serif; } h1 { font:bold 2em Arial,sans-serif; } h2 { font:bold 1.5em Arial,sans-serif; } h3 { font:bold 1.25em Arial,sans-serif; } h4 { font:bold 1.1em Arial,sans-serif; } /* Default resetting */ html,body,form,fieldset,legend,dt,dd { margin:0; padding:0; } h1,h2,h3,h4,h5,h6,p,ul,ol,dl { margin:0 0 1em; padding:0; } h1,h2,h3,h4,h5,h6 { margin-bottom:0.5em; } h2 { margin-top:20px; } pre { font-size:1.5em; } li,dd { margin-left:1.5em; } img { border:none; vertical-align:middle; } /* Basic element styles */ a { color:#000; } a:hover { text-decoration:underline; } html { color:#000; background:yellowgreen; min-height:100%; } body { margin-bottom:30px; } ul { margin:10px 0; } /* Structure */ .container { width:560px; min-height:600px; background:#fff; border:1px solid #ccc; border-top:none; margin:20px auto; padding:20px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:1px 1px 10px #000; -webkit-box-shadow:1px 1px 5px #000; box-shadow:1px 1px 10px #000; } @media screen and (max-width:320px) { #container { width:280px; padding:10px; } }video { display:block; margin-bottom:10px; } /* Fullscreen */ html:-moz-full-screen { background:red; } html:-webkit-full-screen { background:red; } html:-ms-fullscreen { background:red; } body:-ms-fullscreen { overflow:auto; /* fix for IE11 scrollbar */ } html:fullscreen { background:red; }
拿来的轮子,已测试,可用
有时候你要放大的div不是全屏那就加上:你要放大的div的id或者
class:-webkit-full-screen { height:100%; width:100%; }