Javascript 可调整大小的母版页和内容占位符

我需要创建一个响应网站使用ASP.NET。我的网站将有一个共同的母版页和多个ContentPlace持有者。我需要有关Javascript、CSS和Jquery函数的帮助，这些函数需要使用。我在网上搜索。但这些选择都没有帮助。请帮忙

将内容占位符放置在DIV或其他容器元素中。为容器元素指定宽度和高度

您可以使用以下技术：

<div class="sample">
Your Contents Here
</div>

<style>
  .sample {
    width: 1024px;
    height: auto;
    font-family: sans-serif;
    font-size: 14px;
}


/* This is for small screen devices*/
 @media only screen and (max-device-width: 480px) {
    .sample {
    width: 764px;
    height: auto;
    font-family: sans-serif;
    font-size: 12px;
}
}

你的内容在这里
.样品{
宽度：1024px；
高度：自动；
字体系列：无衬线；
字体大小：14px；
}
/*这适用于小屏幕设备*/
@仅介质屏幕和（最大设备宽度：480px）{
.样品{
宽度：764px；
高度：自动；
字体系列：无衬线；
字体大小：12px；
}
}

---

您需要什么样的帮助？（你说你需要javascript、css等方面的帮助，但你没有说需要什么帮助。）展示你正在做的一些代码或进展。。。。我们在这里是为了帮助不做的事