Javascript 页面变小时背景变大

当你将网页缩小（例如在平板电脑或手机上）时，是否有可能使背景拉伸。因此，文本仍然与以前一样位于同一区域？

您可以制作任何CSS样式，只在特定的屏幕大小上应用

<style>
  @media screen (min-width:400px){
   div {background-position:center} //This style will be applied only to screen larger than 400px
  }
</style>

@媒体屏幕（最小宽度：400px）{
div{background position:center}//此样式将仅应用于大于400px的屏幕
}

为每个设备创建所需的CSS，并用所需的右侧

@媒体将其包围

更多信息：



您可以通过重新调整窗口大小或使用

我想您正在寻找：

background-size: contain;

包含
一个关键字，它可以最大限度地缩放图像并保持图像的纵横比（图像不会被压扁）。图像在容器中以字母框显示。当图像和容器具有不同的尺寸时，空区域（左/右的顶部/底部）将填充背景色。除非被其他属性（如背景位置）覆盖，否则图像将自动居中