Question

我发现了以下内容：

但是我没有看到任何关于在2.1中使对话响应的文档。当用户选择东西时，我有一个高度扩展的对话框 - 最终对话框比视口高，并且没有滚动或任何东西，所以它在移动设备上完全混乱。我已尝试使用文档中的“重新定位”功能，但这似乎没有做太多。任何有关这方面的建议都将非常感激。

        dialog.show('viewmodels/doThis', { data: data });
        addEditDialog.context.reposition('doThis'); // doesn't help

Answer 1

尝试阅读以设置max-height CSS property和overflow-y 自动

 .dialog { overflow: visible | hidden | scroll | auto | inherit }

它看起来像这样：

 .dialog{
        max-height:480px; /* height of the device for example*/
        overflow-y:auto;  /* if the content is nore than max-height the scrollbar will show up*/
 }

或只使用CSS media queries

@media (min-width: 1100px) {
  /*code for destop*/
  .dialog{

   }
}
@media (max-width: 1100px) {
/*code for ipad and netbooks*/
  .dialog{

   }
 }
@media (max-width: 480px) {
/*code for mobile here*/
   .dialog{

   }
}

Durandal 2.1中的响应式对话？

1 个答案: