在.jsp页面上调整css中的图像大小
如何通过CSS使一个大图像变小,图像位于JSP页面上 我尝试了不同的高度、宽度、大小等关键词,但似乎没有任何效果。 虽然可以移动图像,但无法确定如何使其变小。 图片保存在我的项目中,它不是来自url HTML: 希望我的问题清楚 试着这样做: 根据需要以“最大宽度”指定值。。希望这有帮助 尝试使用在.jsp页面上调整css中的图像大小,css,image,jsp,Css,Image,Jsp,如何通过CSS使一个大图像变小,图像位于JSP页面上 我尝试了不同的高度、宽度、大小等关键词,但似乎没有任何效果。 虽然可以移动图像,但无法确定如何使其变小。 图片保存在我的项目中,它不是来自url HTML: 希望我的问题清楚 试着这样做: 根据需要以“最大宽度”指定值。。希望这有帮助 尝试使用 max-width: 90%; 及 这应该行得通,当你只做了高度的时候,你是否改变了宽度,或者反之亦然,因为如果你不以与img相同的比率改变它,它可能会搞砸,所以试试看 height: 55px;
max-width: 90%;
及
这应该行得通,当你只做了高度的时候,你是否改变了宽度,或者反之亦然,因为如果你不以与img相同的比率改变它,它可能会搞砸,所以试试看
height: 55px;
width: auto;
简单的方法是使用CSS Resize属性
#AUlogo {
resize: both;
overflow: auto;
}
对于“调整大小”属性,可以使用不同的值,如
调整大小:两个,水平,垂直,初始
您可以使用任意一个属性值来调整图像的大小发布相关代码或演示文件。这是从.jsp链接到图像的。这是我到目前为止在CSS中的代码,我已经删除了失败的代码。AUlogo{margin left:23%;}@Amitthnx回答,但似乎不起作用。唯一的改变是:最大高度:50px;最大宽度:50px;但这只会影响我的页脚,页脚在px.thnx后面移动以进行应答,但它似乎不起作用。唯一的改变是:最大高度:50px;最大宽度:50px;但这只会影响我的页脚,它在px数之后移动。谢谢Raj,但这似乎也不起作用。我试过你的上述建议。也许我做错了。我试过:水平:50px;垂直:50px;一起和单独。首字母也一样。你知道为什么这么麻烦吗?你的图像是以这种路径格式存储在/WEB-INF/jsp下的吗?对不起,我不太明白这个问题,我是一个编码新手。但是图像与jsp文件和css文件存储在同一文件夹中。为了让自己更清楚,我需要把画面放大,缩小。希望你有其他想法!也许这对你有帮助,除了这个,我也不认为任何东西似乎不起作用,它说:图像是一个未知的标签。无论如何谢谢你!
max-width: 90%;
max-height: 90%;
height: 55px;
width: auto;
#AUlogo {
resize: both;
overflow: auto;