JSP, CSS网页调整背景图片大小自适应
body{background-image:url(image/picture.jpg);/*从content区域开始显示背景*/ background-origin:content;/*图片上下左右居中*/background-position:50% 50%;/*保持图像本身的宽高比例,缩放图片至宽度或高度正好适应定义背景的区域*/background-size:contain;/*覆盖填充,将图片缩放到宽度或高度正好适应定义背景的区域*/background-size:cover;/*图像不重复显示*/background-repeat:no-repeat; }
JSP, CSS网页调整背景图片大小自适应
body{background-image:url(image/picture.jpg);/*从content区域开始显示背景*/ background-origin:content;/*图片上下左右居中*/background-position:50% 50%;/*保持图像本身的宽高比例,缩放图片至宽度或高度正好适应定义背景的区域*/background-size:contain;/*覆盖填充,将图片缩放到宽度或高度正好适应定义背景的区域*/background-size:cover;/*图像不重复显示*/background-repeat:no-repeat; }