响应式图像调整大小不起作用

Question

img {
    width: 100%;
    height: auto;
}

上面的代码使用页面的大小调整图像宽度，同时保持与高度相同的比例。

为什么不

img {
    width: auto;
    height: 100%;
}

使用页面高度调整图像的高度，同时保持与宽度相同的比例？还有另一种方法可以对我的形象产生影响吗？

Answer 1

可能img未定义为height的父级。因此，请将img添加到try { InputStream iS = this.getAssets().open("passwords.txt"); List<String> user_password = IOUtils.readLines(iS); @SuppressWarnings("unchecked") List<Credentials> credentials = (List<Credentials>) CollectionUtils.collect(user_password, new Transformer() { @Override public Object transform(Object input) { String cred = (String) input; String parsed[] = cred.split(","); return new Credentials(parsed[0], parsed[1]); } }); user = (Credentials) CollectionUtils.find(credentials, new Predicate() { @Override public boolean evaluate(Object object) { Credentials c = (Credentials) object; return c.getUserName().equals(userName); } }); }catch (IOException e){ System.out.print(e); } 的父级，然后尝试。