语义UI模式设置最大宽度？

【问题标题】：Semantic UI modal set max-width?语义UI模式设置最大宽度？
【发布时间】：2017-06-13 14:39:57
【问题描述】：

如何在上面的jsfiddle中的语义UI模态窗口上设置以下内容？

width:100%
margin-left:10px;
margin-right:10px;
max-width:300px;

https://semantic-ui.com/modules/modal.html#/definition

【问题讨论】：

标签： jquery html css semantic-ui

【解决方案1】：

将找到模态语义的样本 https://codepen.io/hesham-farag/pen/jwrLJd

(function() {
  'use strict';

  $('#demo-show-small').on('click', function() {
    $('#demo-small-modal').modal('show');
  });

  $('#demo-show-long').on('click', function() {
    $('#demo-long-modal').modal('show');
  });
})();

【讨论】：

谢谢，但我想指定列出的确切 CSS 属性。