tenho a seguinte estrutura
<div id="container-header">
<div class="center">
<div class="content-header">content-header</div>
<div class="thumb-header">thumb-header</div>
</div>
</div>
div {width: 100%;}
.center {
width: 71.42857142857143%;/*1200/1680*/
margin: 0 auto;
}
.center > div {
height: 120px;
background-color: #ccc;
}
.content-header {width: 83.33333333333333%;/*1000/1200*/}
.thumb-header {width: 14.33333333333333%;/*172/1200*/}
resultado
agora quando diminuo a tela a div thumb-header
perde seu tamanho normal, nesse caso teria que fazer uma media queries
pra cada situação ou tem outro jeito?
thumb-header
acompanhasse a tela só que mantesse a aparencia de14.3%
entendeu? exemplo prntscr.com/nwc4tj