div#content{
width: 100vw; // The width of this element is 100% of the viewports width
height: 100vh; // The height of this element is 100% of the viewport height
font-size: 1vmax; // You can fiddle with this to mame sure the font gets
// the size you want
}
2条答案
按热度按时间daolsyd01#
不能单独缩放宽度和高度,但可以使用CSS scale属性模拟缩放效果,该属性可以单独应用于X轴和Y轴:
x一个一个一个一个x一个一个二个x
不要忘记将变换原点指定为
0 0
,以便视口不会裁剪元素的顶部/左侧。0kjbasz62#
视口宽-高可能是您在此处需要的
如果希望元素保持它们的相对位置,可以对
top
和left
css属性使用相同的规则虽然并非所有浏览器都支持此功能,但可使用here多边形填充功能使其恢复到IE8