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

Question

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

Answer 1

将内容占位符放在DIV或其他容器元素中。为该容器元素赋予宽度和高度。

Answer 2

您可以使用以下技巧：

<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;
}
}