使用CSS缩小内部html元素

是否可以使用CSS缩小和增大子元素HTML元素。下面是一个例子，我想看看其他人会如何处理这个问题。我已经看到JQuery的解决方案，但想知道有一个更简单的方法来做到这一点。使用CSS缩小内部html元素

<div class="your_custom_styling_here_for_resizing"> 
    <div style="width: 400px; height: 400px; display: flex;"> 
     <div style="height: 100px; background: #333333; flex: 1;"></div> 
     <div style="background: #cccccc; flex: 1;"></div> 
    </div> 
</div>

来源

2017-09-21 Fab

你的元素被缩小，越来越多基于CSS属性。如果你想要一些动态的行为，你需要使用Javascript/jQuery –

所以你知道从父级（your_custom_styling_here_for_resizing）缩小它的唯一方法是使用JS/JQuery？这不需要在儿童样式 – Fab

更简单的解决办法是为那些风格，而不是使用内联CSS类，并为新的样式，然后添加/删除/从jQuery的改变只是类。

来源

2017-09-21 23:02:30 jack

中明确声明使用内联样式的原因是快速表示外部CSS文件。没有其他原因，只是更快。由于NDA，我不能在这里复制项目。这个例子的儿童造型仍然未被触及。我很好奇的解决方案是父级。 – Fab

你想要一个子元素缩放到父元素的维度？如果你不那么就做到以下几点：

.parent { 
 
    border: 5px solid red; 
 
} 
 

 
.child { 
 
    width: inherit; 
 
    height: auto; 
 
    background-color: blue; 
 
    color: white; 
 
}

<div class="parent"> 
 
    <div class="child">Expand or shrink your screen to see me scale to my parent</div> 
 
</div>

}

来源

2017-09-21 23:43:28 Dotol

好的，你已经在父元素周围放置了一个边框。现在想象一下宽度为100px和高度为284px的孩子。现在，父母根据给定值调整子元素的大小，不要更改子元素的值。 – Fab

使用CSS缩小内部html元素

回答

相关问题