CSS HTML百分比调整大小图像

1234filip

我无法在css / html中调整图像的大小。我可以按px调整大小,但不能按%调整大小。我已经尝试过最小高度,最小宽度。这是我的代码,我无法调整大小。

body{
    margin: 0;
}
#top{
    background-color: #53FF40;
    width: 100%;
    height: 50%;
}
#bottom{
    background-color: #FF5757;
    width: 100%;
    height: 50%;
}
.img-yes{
    width: 25%;
    height: 25%;
}
<!DOCTYPE html>
<html>
<head>
<title>DoYouLoveDogs</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<body>
<div id="top">
<div class="img-yes">
    <img class="img-yes" src="img/yes.png">
</div>
</div>
<div id="bottom">
</div>
<script src="js/jquery.js"></script>
<script src="js/button.js"></script>
<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
</body>
</html>

Praveen Kumar Purushothaman

display: block

.img-yes {
    display: block;
    width: 25%;
    height: 25%;
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS调整百分比宽度而不限制图像大小

来自分类Dev

CSS <p>在线百分比宽度随着窗口调整大小而缩小(左-右)

来自分类Dev

如何根据 HTML 和 CSS 中的百分比创建大小的嵌套框?

来自分类Dev

CSS-仅显示响应图像的百分比

来自分类Dev

CSS位置百分比

来自分类Dev

CSS PX到百分比

来自分类Dev

CSS位置百分比

来自分类Dev

CSS PX占百分比

来自分类Dev

CSS DIV使用百分比

来自分类Dev

CSS百分比行为

来自分类Dev

CSS累积百分比

来自分类Dev

元素百分比-CSS

来自分类Dev

基于 css 百分比的背景

来自分类Dev

图像调整大小百分比不同

来自分类Dev

Word:按百分比调整图像大小-宏

来自分类Dev

CSS div标签在使用百分比时不是父级的大小

来自分类Dev

css3背景大小覆盖到动画缩放的百分比

来自分类Dev

CSS显示表不尊重用百分比表示的大小

来自分类Dev

css 中百分比单位与窗口大小和/或分辨率的关系

来自分类Dev

无法使用百分比调整HTML输入的大小

来自分类Dev

无法使用百分比调整HTML输入的大小

来自分类Dev

CSS div高度百分比和边距百分比

来自分类Dev

CSS div高度百分比和边距百分比

来自分类Dev

如何将百分比宽度放入HTML画布(无CSS)

来自分类Dev

无法理解百分比在html / CSS中的工作方式

来自分类Dev

如何在css和html中的百分比栏上添加标签?

来自分类Dev

CSS max-height和max-width属性;父窗口大小,以窗口大小的百分比定义

来自分类Dev

标头中的CSS百分比宽度和高度

来自分类Dev

CSS百分比高度无效