بهترین راه استفاده از media های css هست.
این رو براتون نوشتم :
کد HTML:
<html>
    <head>
        <style>
        #frame { background: red; }
        @media only screen and (max-width: 700px) {
            #frame { background: blue; }
        }
        </style>
    </head>
    <body>
        <div id="frame">&nbsp;</div>
    </body>
</html>
در حالت عادی رنگ پس زمینه frame قرمز هست و وقتی که سایز صفحه کمتر از 700px میشه رنگش آبی میشه ...
شما هر ruleی که خواستید میتونید داخل قسمت media بگذارید تا در زمانی که سایز صفحه کمتر از 700px شد اجرا بشه.