这是我们的 jQuery 代码：

现在我想创建一个具有相同功能的 AngularJS 指令。我该怎么做？

我知道如何创建具有特定样式的指令：

但是如何添加条件呢？

我正在创建带有背景图像的自适应卡片，我想将背景图像的大小增加到 400X400。

我正在使用机器人模拟器进行测试。

我需要以特定方式调整元素的参数，但是有一些狡猾的技巧逻辑，我还不能实现。

请让我画一幅画。在这张图片上，黑色边框是窗口的边框，蓝线表示网格，黄色表示文本框，它们占用了所有单元格的空闲空间。

我正在使用 UWP 开发应用程序。我对 UI 元素设计有疑问。
在开始解释我的情况之前，我将展示我的应用程序问题的确切点。

如您所见，广告的底部已折叠一半。

我尝试添加HorizontalAlignment,VerticalAlignment拉伸，但没有奏效。

我想让我的广告Grid具有页面的优先级，所以看起来完全。

我的意思是，广告空间更大，ListView物品空间更少。

VisualState* but It seems not enough for me. I don't want to spend my time with struggling with constant number (我试图通过声明 *XAML Height ,Width` 来处理这种情况）。

为解决这个问题而苦苦挣扎，我可以找到自适应布局存储库 (C#/Xaml)。应用程序的图片如下。github链接

我想关注那个来源，因为它真的很好用。但来源包括一些动画部分和一些高级技能，我无法赶上。

我只想完全展示我的广告。并且我想最大化我的广告宽度，而不会出现任何折叠并且只有足够的边距。并且我希望我的广告始终位于应用程序的底部。

如果您觉得这个问题模棱两可，我很抱歉。
我的来源如下。

ShellPage.xaml

主页.xaml

我可以理解 bot 框架在它提供的控件方面还不成熟，我正在尝试向用户显示选项列表。当列表有更多元素时，只会显示前 5 个元素，外加一个查看更多元素的选项，该选项将显示所有带有搜索文本框的项目以避免滚动。因此，我正在尝试实现一个可搜索的列表。查看机器人框架，但提示和自适应卡片不是很有用，或者如果我错过了一些东西，得到一些帮助会很好。

注意 - 我正在使用机器人框架 v3

谢谢

当我查看没有 CSS 的 SVG 文件的 html 页面时，嵌入的 SVG 会扩展到浏览器的完整视口，太大了。这是一种在 HTML 视图中保持 SVG 小的方法吗？

也许只有

?

Bootstrap 4文档 说：

超小型设备（纵向手机，小于 576 像素）

很明显，超小是屏幕宽度小于 576 像素的设备。好吧，少于 576 像素……还有多少？网格不能减少到零。使用 Bootstrap 网格的布局可以在没有明显设计扭曲的情况下被压缩。此外，有些设备的屏幕宽度远小于 576 像素（320 或 240 像素）。

如果我们在数学上将超小型设备支持的屏幕宽度表示为一个间隔，我们会得到[a, b)，b = 576根据文档.. 那么......a等于什么？该文档未涵盖此问题。

下面的代码示例中有一个自适应标题（具有行和 12 列的容器流体）。在Chrome中的开发人员工具中，我找到了a = 360网格尚未扭曲的最后一个值（使用a = 359，第 12 列不适合宽度并转到“新行”）。

当然，我可以重置填充，然后一切都适合 320 和 240 像素，但这个解决方案并不是开箱即用的：

360 像素真的是 Bootstrap 4 中支持的最小屏幕宽度吗？

快速查看示例：

简单复制到文本编辑器的相同代码（也许有人想查看开发工具）：

在我的机器人应用程序中，我需要在文本之间显示一个 action.open Url 按钮。我需要在日期结束时在 json 的 body 标记内添加 Action.Open url，如图所示，并且需要单击url 链接做一些动作。

自适应卡片设计形象

是否可以在文本之间或正文标记内的文本顶部添加按钮。？

在电脑版中展开 <500px 时，背景看起来应该。在移动版后台“曲线”。

html

css

}

电脑网络

移动网络

将网站桌面版布局与 Flipkart.com 或 Amazon.com 等移动版布局区分开来的技术是什么？

我只尝试过响应式网页设计

@媒体查询（最大宽度：767px）{

}