如何使背景响应不仅垂直或水平,而且两者兼而有之?

时间:2017-03-29 13:52:57

标签: html css background resize responsive

我想创建一个具有图片背景的登录页面。 我喜欢这个登录门户office login page所以它是对我的引用。我注意到在办公室登录页面上,图片不会受到垂直或水平调整大小的影响,但如果我从角落更改它正在调整大小。

我尝试使用多种类型(例如; auto,%或vh)更改宽度和高度属性,但我无法找到正确的设置。

这背后的魔力是什么?我错过了任何javascript活动吗? 有什么想法吗?

1 个答案:

答案 0 :(得分:2)

同时使用background-size和background-position来获取:

background-size: cover;
background-attachment: fixed;