问题标签 [adaptive-design]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
145 浏览

botframework - 为 SMS 通道支持设计自适应卡支持

我计划设计一个在多个通道上运行的 Microsoft Bot 应用程序,并且 bot 将使用包含图像和其他丰富卡片的自适应卡片。

问题是我们如何处理或设计具有自适应卡并支持 SMS 通道的 Bot 应用程序,或者默认情况下,自适应卡在 SMS 中呈现和支持。如果有人可以使用 DotNot Core SDK 指向它上面的任何示例,那也很棒。

0 投票
0 回答
38 浏览

javascript - 通过浏览器历史记录返回时,有没有办法重置文档比例?

该网站的移动版本与主版本位于同一域中。可以禁用移动版本(启用桌面版本)。问题是浏览器会记住浏览页面的比例,如果您从移动版本切换到桌面版本并返回,则会显示放大的页面。我们尝试使用初始比例,但它不再有帮助,因为浏览器保存了移动版本中的比例。

有没有办法以某种方式重置缩放或唯一的出路是移动版本的单独子域?(然后不同版本的页面会有所不同,浏览器会记住每个版本的比例)。

一个简短的视频 (0:14),以 github.com 为例说明问题:https ://www.youtube.com/watch?v=E4TxxiaDw3c&feature=youtu.be

0 投票
1 回答
878 浏览

vue.js - 如何使用 vuetify 制作自适应网站?

我想用 vuetify 制作一个自适应网站:https ://vuetifyjs.com/en/

因此将提供几个版本的网站,这些版本将根据设备使用。

自适应设计将提供几种不同尺寸的设计,即 320、480、760、960、1200 和 1600 像素。

所以大约有 6 种不同的尺寸。这是否意味着我将制作 6 种类型的网络?

我阅读了 vuetify 的文档https://vuetifyjs.com/en/styles/float#responsive。但似乎它只是响应式网站。没有自适应网站

我对使用 vuetify 实现自适应网站感到困惑

我知道响应式网站。但对于这种情况,我想为我的项目实施自适应网站

0 投票
2 回答
218 浏览

css - Align list items horizontally in adaptive design

Please see the JSFiddle.

This is an adaptive design with "vw" parameters in the code. I want Text_1, Text_2 and Text_3 be aligned horizontally, which means that when i change the browser's window size, the distance from the left side of the screen to the beginning of the text is the same for those 3 words. With the current code I align them (via "margin" property), but as soon as the browser's window size changes, Text_2 and Text_3 move relatively to Text_1 (to the right when window size dicreases, to the left when it increases). What is wrong in the code please?

0 投票
2 回答
95 浏览

html - SVG 不适合屏幕 html 的全宽和高度 - 没有响应

我希望图表水平居中并适合屏幕上的整个宽度和高度。目前图表在左侧,我得到一个垂直滚动条,如果我要隐藏滚动条,那么我的图表就会被切断。我已经查看了与此相关的所有问题:宽度和高度 100%,有一个容器和 preserveAspectRatio 属性。但是我找不到任何答案。任何帮助将不胜感激!

以上是该问题的示例图。

0 投票
0 回答
38 浏览

forms - Xamarin - 根据内容调整 frame2 的大小,图像除外

这是我的 XAML:

对于 Frame2,我有MinimumHeightRequest160 个,因为标签可以是多行的。我希望我的框架尽可能小,但要根据其内容进行扩展。目前它正在工作,但它也在扩展,而不是我用作背景的图像。我希望它仅基于内容而不是图像进行扩展。如何才能做到这一点?

谢谢

0 投票
1 回答
256 浏览

adaptive-cards - 在自适应卡中设置定时器

我正在尝试构建一个带有计时器的微软自适应卡,一旦计时器自动到期,就应该调用一个动作。这在自适应卡中可能吗?

0 投票
1 回答
160 浏览

botframework - 具有 Bot 框架技能示例的自适应对话

根据此发行说明,技能似乎已更新为与自适应对话一起使用,并且自适应对话和传统对话现在都将接受所有类型的活动。

是否有任何示例代码可以查看如何在节点的 Bf 技能中使用自适应对话框?我在样品中没有找到

0 投票
1 回答
1581 浏览

botframework - 如何格式化我的自适应卡片的外观和感觉,例如背景颜色、字体类型和按钮颜色

我正在尝试使用 TeamsMessagingExtensionsSearch 的 C# .NET Core 代码在 MS Teams 中显示自适应卡。

我想知道如何更改自适应卡的背景颜色,以及是否有办法更改按钮 (OpenURL) 的颜色和外观以及 TextBlock 中的字体类型。我已经阅读过有关使用 setHostConfig 执行此操作的信息,但我不确定我可以在代码中的哪个位置进行设置。

我尝试使用更改卡中显示的背景颜色"backgroundImage": "https://www.beautycolorcode.com/abcdef.png" ,这会更改背景颜色,但是当我将卡粘贴到消息中时,我看到有一个顶部标题,其中包含添加到卡中的应用程序名称和应用程序图标(来自 App Manifest)以白色背景显示。我为我的 backgroundImage 和 manifest.json 指定了相同的强调色。请让我知道我在这里可能做错了什么。

0 投票
1 回答
303 浏览

xaml - 手机和平板电脑的不同布局(1 | 2 列)

我试图根据热门设备手机或平板电脑在运行时使用不同的布局。

我想在平板电脑上使用 2 列布局,并在手机上保持单列布局。

在桌面设备上,我还希望有一些控件可以跨越 2 列,而在手机设备上,布局应该是单列,我的意思是要显示许多元素(3/4 整页高度......)。

预期布局:

预期布局