我对几个网页使用相同的设计模板,它具有固定的高度和宽度块引用。里面的文字会根据它所在的页面而有所不同,有些比其他的要长。那么,是否有可能我在块引用中放置的任何文本都可以调整大小以完全适合块内,而无需为每个页面进行多次媒体查询?
我为块引用提供的 CSS:
blockquote {
background-color : #c0303c;
color : #fff;
margin : 0;
padding : 0.5rem;
text-align : center;
font-family : 'Caudex', serif;
height : 315px;
font-size : 100%;
}
<blockquote>This is a blockquote.</blockquote>