问题标签 [responsiveness]

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 回答
2191 浏览

responsiveness - 谁能告诉 Google Nexus 6 android 手机的媒体查询最小宽度和最大宽度是什么

Google Nexus 6 android 手机的媒体查询宽度是多少。我试过下面的媒体查询

但这不适用于nexus,我尝试了越来越多,但找不到这款手机的确切宽度。请帮忙。

0 投票
2 回答
60 浏览

html - 无法使用 bootsrap 3 设置列的高度

我无法为这两列设置确定的高度。我为每个 div 列、contact 和 about 设置了类。列伸展的唯一方法是当我用内容填充它或将其设置为确定的像素高度时,但是当我缩小它们堆叠的页面时,接触行被底部约行吞没。这里的例子在此处输入图像描述

http://codepen.io/Chris-Brennan/pen/rOWYab?editors=110

这就是我想要达到的目标。

在此处输入图像描述

0 投票
3 回答
120 浏览

html - 响应式 HTML 邮件程序

尝试创建纯响应式 HTML 邮件程序,但在那些不支持媒体查询的电子邮件客户端上面临问题。

在所有电子邮件中添加以下元标记:-

但是在下面提到的不受支持的电子邮件客户端中,我无法处理邮件内容。
-Gmail 应用程序(iOS + Android)
-Gmail 应用程序的收件箱(iOS + Android)
-Gmail(Android 浏览器)

其他如何做到这一点,请分享您的观点。
提前致谢

0 投票
3 回答
689 浏览

html - 元素在移动设备中显得更小

我对这个问题感到头疼,我不知道它来自哪里

基本上我正在制作这个网站,好的,一切都很好,直到你在移动设备上尝试它,它非常小。我在其他网站上使用过相同的方法,但这根本没有发生,我不必使用元或任何媒体查询,它仍然只是一个导航菜单。因此,我将 ul 与 class row 一起使用,将 li 与 col-sm-12 和 col-md-4 一起使用,因此它可以正常工作。

那是电脑视图 电脑视图

那是手机视图

移动视图

所有尺寸均以 rem 和 em 为单位。itens 应该在移动时堆叠,确实如此,但它的所有东西都超级小

演示: https ://jsfiddle.net/nnhfqL2L/2/

0 投票
0 回答
782 浏览

twitter-bootstrap - 如何通过使用框架屏蔽域进行重定向并在移动设备上保持引导响应

我已经阅读了很多关于这些问题的帖子,但还没有找到解决方案……所以这是我的新帖子。

我所有的域都托管在 GoDaddy。主要网址是 helloguest.com.au。我已将 Heavenlyhyams.com.au 设置为通过掩码转发到 helloguest.com.au/Heavenly_Hyams,但由于框架的原因,移动设备的响应能力丢失了。

屏蔽最终 url 对我来说很重要,那么最好的解决方案是什么?

我看到一个帖子,可以通过添加一个 CNAME 来实现相同的结果,而无需屏蔽,但我不明白如何。因此,如果可能,请逐步解释。

我目前正在尝试的第二个选项是控制帧代码。因此,为此我将 Heavenlyhyams.com 设置为附加域,并在索引文件中添加相同的框架代码。似乎有几种方法可以增加框架的响应能力,所以如果有人可以在这里帮助我,我将不胜感激。

0 投票
3 回答
61 浏览

css - 如何在引导程序中提升 col 网格

引导程序中的中等视图中的 3 col

我在上图所示的引导程序中的中等视图中有 3 列,即。

在此处输入图像描述

我想在小视图中实现这种类型的视图是 col-sm-*

我的代码是

通过这种方式,我可以在中等视图中实现我的目标,但在小视图中无法实现。我怎样才能实现两个视图以及中视图和小视图,如图所示。

0 投票
1 回答
3008 浏览

css - 如何制作横幅响应式 CSS

我使用这个演示制作了一个横幅:http: //andwecode.com/playground-demo/naruto-with-parallax-js/

我在使其响应时遇到问题。我尝试将值更改为百分比,并从另一个问题到标题 CSS 更改为:

这是完整的 CSS:

和 HTML:

0 投票
1 回答
72 浏览

node.js - Nodejs:在 res.send 之后做额外的事情

我使用 Node 作为网络服务器,我想将每个请求记录到数据库中。我还希望用户尽快收到响应,所以我想出了以下代码:

它有效,我喜欢将一些(时间)昂贵的东西放在发送后面的想法。但由于我是 Node 新手,我想问这是否是一种常见模式?

在 Stackoverflow 上,我只是发现有人遇到问题,因为他们试图在 res.send 之后发送额外的数据 - 但我从未听到有人说“是的,这是一个很好的响应功能”,所以我不确定这是否存在重大缺陷解决方案我只是还没有看到...

0 投票
3 回答
9437 浏览

html - 我可以让引导列在较小的屏幕上两两进入下一行吗?

我有这个 html 代码:

我希望这些列两两进入新行,除了在手机上。那可能吗?

谢谢

0 投票
1 回答
336 浏览

css - 如何使用 HTML5/CSS/JS 创建一个将背景图像分成 3 个不同部分的响应式布局?

那是给布局大师的。

如何使用 HTML5/CSS/JS 创建一个将背景图像分成 3 个不同部分的响应式布局?

我有 3 张不同的图像,我想加入它们以创建动态背景作为羊皮纸样式(请参阅随附的参考图像)。所以我将有一个固定的标题,一个动态的中间部分,我可以编写任何大小的 HTML 文本和一个固定的预告片图像。

解决方案是否使用背景、div、iframe 等都没关系。欢迎任何可以解决这个难题的建议!

在此处输入图像描述

干杯,

大卫