Responsive Tasarım Hakkında

Css'te @media screen....... kullanarak çözünürlüğe göre Css ayarlaması yapabiliyorum, bunu HTML'de nasıl yaparım ?
Örneğin, çözünürlük 500px'in altındaysa bazı divlerin yok olmasını veya içeriğinin değişmesini istiyorum.

HTML olarak yapılamayabilir veya ben bilmiyor olabilirim. jQuery ile üstesinden gelebilirsiniz.

<script type="text/javascript" src="//code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(window).on('resize', function() {
      var width = $(window).width();
      if(width < 500) {
            // ekranı 500 pikselden küçük olduğunda işler.
      }
});
</script>

500px altındaysa display:none; yaparak istediğin divi yok edersin. yada @media only screen kullanarak şartları belirleyebilirsiniz.

Teşekkürler, ikisi de işime yarayacak.

arkadaşlar ben bu yöntem ile responsive tema yaptım fakat telefonda site full çözünürlükte gözüküyor ama tarayıcıda tam istediğim gibi oluyor küçüldükçe çözünürlük sitede değişiyor. bunun sorunu ne olabilir?