问题标签 [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 投票
3 回答
46 浏览

html - 具体表布局

我想在移动设备上制作一个带有垂直左标题行的自适应表格,如下所示:

像这样的桌面普通表:

有没有人知道我怎么能只用 CSS 和 HTML 来做到这一点(我想制作表格,这样可以很容易地通过 PHP 添加新行)。

0 投票
0 回答
183 浏览

apache - AEM 自适应图像在 localhost 上显示端口 80 上的图像,但在外部不使用 apache

我正在通过端口 80 使用 Apache 为我的 AEM 站点提供服务,并且我注意到当我使用 localhost:80/content/mproject/en/index.html 时,我的自适应图像组件会显示图像,但是当我转到 www.myproject.com 时:80/content/mproject/en/index.html 自适应图像组件没有显示任何内容。

我确定这一定是 Apache 错误,因为当我使用 IIS 为 AEM 提供服务时,自适应图像组件从外部地址按预期工作。我也确定这不是重写规则,因为无论我是否存在重写规则或删除它们并重新启动我的网络服务器,图像都不会在外部显示。

如果这有帮助,我可以发布我的 httpd.conf 文件,但在他们看来,我可能忽略了一些愚蠢的事情,因为 Apache 通常从外部地址显示所有图像,除了来自自适应图像组件的图像。此外,IIS 使用默认配置正确显示来自外部地址的自适应图像。知道会发生什么吗?

0 投票
3 回答
7164 浏览

html - How to Load Different Home Page according to screen size

I want to load different home page according screen size. Can anyone help about it ?

For Example, for screen-size < 960 px I want to display default landing page as index1.html and for screen-size > 960 px I want to display default landing page as index2.html

Thanks in advance.

0 投票
3 回答
87 浏览

ios - iPad如何在一行中设置两个文本框?

我使用 xCode 8.1。我在 iPhone 的一列中有两个文本框(纵向模式): xcode 截图

如何使用自适应设计在 iPad 和 iPhone 的横向模式下以一行显示这些文本框?

0 投票
2 回答
1535 浏览

html - Youtube 的背景视频在移动分辨率下无法播放

我使用 CSS 和 Youtube IFrame 制作了背景视频,但在切换到移动分辨率(使用 F12 等)后它不会启动。

Chrome的截图,在手机上也是一样的。

带有我的代码的 GitHub 存储库。

0 投票
0 回答
641 浏览

twitter-bootstrap - 自适应或响应式

我正计划制作一个网站,但现在我正在考虑使用自适应或响应式移动体验。就个人而言,我以前从未创建过自适应设计。我认为这可能会显示不同的布局和内容,根据我以前的经验,响应式布局是“隐藏”元素以在某些设备尺寸上不显示,例如使用“hidden-xs”或“visible-xs”的引导程序,但使用这种方式实际上,网页还需要从服务器获取数据,并可能循环或处理任何功能,但最终只适用于桌面,隐藏在移动设备上。这是最佳做法吗?或任何其他更好的方法或最佳实践来解决这个问题?

0 投票
0 回答
240 浏览

android - Nexus 6p 以正常尺寸布局而不是大尺寸运行

在此处输入图像描述

Android Studio 将 Nexus 6P 尺寸名称显示为“大”,但设备仍以“正常”布局运行。我的正常布局适用于实际正常的设备,而 Nexus 6P 实际上足够大,可以使用“大”布局。如何解决这个问题?

0 投票
2 回答
4519 浏览

winforms - 更改应用程序中所有控件的字体大小(win 表单)

我有一个应用程序需要适应一系列不同的屏幕尺寸(分辨率)。我使用表格布局面板完成了大部分工作。

但是一些控件(主要是按钮和标签)字体太大,文本不适合控件。到目前为止,我已经设法通过使用更改某些控件的字体

但是对于应用程序中的每个控件来说,添加的文本太多了。

有没有办法一次更改应用程序上所有控件的字体?或者至少是表单上的所有控件?

0 投票
1 回答
856 浏览

reactjs - 如何在桌面上测试适用于移动设备的 React 自适应设计?(视窗)

我是一名新开发人员,最近因提出一个不够具体的问题(这使我面临被禁止提问的风险)而在堆栈溢出问题上被击败,所以我尽可能具体地提出了这个问题。如果我的问题有问题,请发表评论,这样我就可以了解这个社区的运作方式,而不是立即投票给我。我反应很快!

我最近一直在用 React 和 Node 建立一个网站。我目前在移动网站上工作。我一直在本地运行所有内容,目前使用 chrome 商店上的模拟器(Ripple Beta)或通过 Surge 部署它来测试移动版本。但是,通过 Surge 在我的手机上运行它最终与在桌面上运行它不同。

现在,在您提出可能导致差异的原因之前,我还想指出,我目前正在实施以下内容(基于我在其他类似线程中看到的内容):

反应响应包

我想保留我的网站单个 url 而不是使用 m(dot).link 并且我还想使用自适应设计而不是响应式(我知道响应式通常更好)。

一个模拟器不足以进行测试的一个例子是测试与非常特定的语法的兼容性。例如,对于某些日期格式,iphone 不理解某些 es6 语法,例如“new Date()”,而 android 可以。

有没有办法在桌面上测试移动设备的自适应设计,这样我就可以在我的计算机上本地运行它,而不必每次都部署在浪涌上(这样我就可以在手机上打开它)。

这将使调试这类问题变得更加容易!我已经看到很多类似的响应式设计线程,但我认为自适应设计(与我的实际桌面网站设计完全不同的设计)可能会有一些独特的问题,如上所示。但是,如果我仍然可以使用桌面版本的核心功能/组件,那就太好了。

0 投票
1 回答
63 浏览

c# - 在任何尺寸的屏幕上进行自适应显示的最简单/最好的方法是什么

再会,

我想知道如何在 uwp 上实现这一点,你在 windows 10 的计算器应用程序上看到,按钮和其他控件正在调整大小及其内容: 在此处输入图像描述

如何使用 visualstate 和 relativepanel 在 xaml 上执行此操作?

谢谢