ASP.NET:如何使webform移动响应？

Question

我有 ASP.NET project.I 希望它在检测到设备为移动设备时自动更改其视图 desktop.what 有可用的方法吗？请提出一些示例 projects.And 我尝试研究了很多 tutos.But 仍然无法掌握 them.So 任何人都可以建议逐步方法吗？

Answer 1

让您的网页根据设备进行响应

-->首先你需要在你的项目中有bootstrap。

--> 你的 bootstap.css 文件中会有 container（assets-->css -->bootstap.css).

--> container 将具有由 default.like

声明的不同种类的屏幕类型

示例:

@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

--> 你必须在你的 cs file.In asp.net 中使用这些容器 。 aspx 扩展 file.for

示例：

<div class="below-slideshow" style="padding-bottom: 0px">
            <div class="container">  <!-- NOTICE HERE:inside div declare class as container/container-fluid-->
               <div class="row">
                   <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div>

                            <h1 class="head-line">Dashboard</h1>
                     </div>
                    </div>
                   </div>
             </div>
        </div>

--> 了解容器及容器流体http://www.w3schools.com/bootstrap/bootstrap_get_started.asp

编码愉快 :-)

ASP.NET:如何使webform移动响应？

ASP.NET:How to make webform mobile responsive?

asp.net

mobile

responsiveness