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

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