做网站例子图片描述,做网站颜色黑色代码多少钱,做数学题网站,长沙网站排名vh、vw、vmin、vmax介绍 vw#xff1a;视窗宽度的百分比#xff08;1vw 代表视窗的宽度为 1%#xff09;vh#xff1a;视窗高度的百分比vmin#xff1a;当前 vw 和 vh 中较小的一个值vmax#xff1a;当前 vw 和 vh 中较大的一个值 浏览器兼容性 #xff08;1#xff09…vh、vw、vmin、vmax介绍 vw视窗宽度的百分比1vw 代表视窗的宽度为 1%vh视窗高度的百分比vmin当前 vw 和 vh 中较小的一个值vmax当前 vw 和 vh 中较大的一个值 浏览器兼容性 1桌面 PC Chrome自 26 版起就完美支持2013年2月Firefox自 19 版起就完美支持2013年1月Safari自 6.1 版起就完美支持2013年10月Opera自 15 版起就完美支持2013年7月IE自 IE10 起包括 Edge到现在还只是部分支持不支持 vmax同时 vm 代替 vmin 2移动设备 Android自 4.4 版起就完美支持2013年12月iOS自 iOS8 版起就完美支持2014年9月从目前来看新的浏览器基本都支持除非项目有特别的要求完全可以放心使用。 !DOCTYPE html
html langen
headtitle/titlemeta http-equivX-UA-Compatible contentIEedge,chrome1 /meta nameviewport contentwidthdevice-widthmeta http-equivContent-Type contenttext/html; charsetutf-8 /stylehtml,body {margin: 0;padding: 0; width:100%;height:100%;overflow: hidden;background: #000;}.playerBox { border: 1px solid #f7ff00;width: 90vw; /* 宽度 页面宽度的90% */height: 60vh; /* 高度 页面高度的60% */background: #75dca2; /* 容器自动水平居中 */margin: 0px auto; /* 实现垂直居中 距顶部高度 也可以写成 calc((100vh - 60vh)/2) */margin-top: 20vh; text-align: center; /* 文字水平居中 */line-height: 60vh; /* 文字垂直居中 */color: #fff;}/style
/headbodydiv idplayerBox classplayerBox我上下左右居中/div
/body/html转载于:https://www.cnblogs.com/admans/p/11030226.html