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

css - 为什么滑块图像没有响应?

问题似乎来自宽度为 20000em 的 ul.gallery。

即使其他 div 正在调整大小,图像也不会。

这里是现场测试;(编辑:删除链接)

请问有什么帮助吗?

编辑:在媒体查询中将视口宽度设置为 100% 后,图像现在会调整大小。

0 投票
1 回答
588 浏览

responsive-design - WooRank Touchscreen Readiness Failing

I'm currently using the WooRank website to improve my sites SEO>

However, it keeps failing on "Touchscreen Readiness". It states my buttons should be 40px in height/width which they appear to be.. but it's failing.

Any advice? URL: http://www.answer-hut.com

0 投票
1 回答
116 浏览

php - 更改为响应式站点

我在我的网站上使用过宽度和高度,例如

我必须更改此代码媒体查询以进行响应,但它不起作用我在调整浏览器大小时将背景颜色设置为红色,它只显示颜色而不是调整内容大小

在此处输入图像描述

我的代码:

添加图像我得到了什么?请帮助我任何建议?

0 投票
0 回答
51 浏览

php - 响应式网站在客户的定位设备上看起来不同(Wordpress-Woocommerce)

我正在使用的网站面临一个奇怪的问题。当我检查时,演示/实时站点在所有手机上看起来都不错,但是当客户及其客户(他们来自另一个国家/地区)在手机上查看时,实时站点看起来缩小了。我尝试了 responsinator、浏览器堆栈、iPhone 和 Android 手机,并请其他国家的朋友检查他们的移动设备。但该网站看起来很正常。Bcoz 我无法分析这个问题。已经一个多月了,所以绝对缓存不是原因。任何帮助表示赞赏。

演示站点

现场直播

这是它在客户端的外观

0 投票
1 回答
8567 浏览

html - 在矩形的底部中心响应对齐 50% 的圆?

我有一个 div 填充了所有的宽度和一定的高度,然后我有一个较小的圆圈,它需要在这个 div 的底部/中心的一半,在它之后的一半。

一切正常,直到我获得更高的高度或尝试缩放它,然后圆圈将垂直移动,不再是 50/50。此外,缩放页面将使圆圈从顶部扩展,而不是从中间扩展。

jsFiddle

CSS:

0 投票
2 回答
50 浏览

image - 为什么图像在 FF 和 IE 中没有响应?

我有大问题。几乎尝试了所有方法,但仍然无法正常工作。

在 Opera 中一切正常,但在 FF 和 IE 中,图像没有响应。我的意思是它们以原始尺寸显示,而不是适合 div(如在 Opera 中)。

这是链接: http: //gksolutions.pl/oferta/strony-internetowe

有什么帮助我的朋友吗?我实际上已经浪费了 2 天时间。它不是引导程序,只是一个简单的网格系统。

它在 FF 和 IE 中的外观如何:

在此处输入图像描述

它在 Opera 中的外观

在此处输入图像描述

基本上图像在 FF 和 IE 中不能正确缩放,尽管 row div 设置为 350px 高度并且 img 的样式为:

0 投票
3 回答
54 浏览

javascript - 如何保证响应式图片的相对定位?

我正在建立一个网站,下面是我想要的结果。

所需: http: //i.stack.imgur.com/JI7tQ.png 注意:左边有一张图片,总共有 5 张图片。

但是,当我调整浏览器的大小时,网格图像会像这样堆叠在一起..

实际:http: //i.stack.imgur.com/tNSLP.png

下面是我的代码

HTML 代码

CSS 代码

期望的行为

我希望这四个图像保持彼此相对的位置并随着窗口变小而缩小。换句话说,我希望 2x2 网格缩小尺寸,而不是变成 4*1 网格。

另外我希望最左边的图像的高度等于屏幕的高度。

注意当图像堆叠在一起时,它们是响应式的。

问题

实现这种行为的最佳方法是什么?我的直觉在尖叫 JavaScript。

0 投票
1 回答
24 浏览

javascript - Different effects with different screens sizes

I have a Javascript that already works but I would like to have a different effect on my mobile version. How do I do that? Here is my try at it so far.

Thank you for your help

0 投票
3 回答
40 浏览

css - 响应式电子邮件

我正在发送一封响应式电子邮件。我的代码在除 Outlook 7 和 10 之外的任何地方都可以使用。我知道它与填充和边距有关,我尝试了一切来解决这个问题,但它仍然无法正常工作。有没有人对此有解决方案?我尝试了他们所说的:https ://litmus.com/help/email-clients/outlookcom-margins/

所以我改变了我所有的边距标签:margin-left:5%; to margin:0 0 0 5%;

我希望有人可以帮助我。

提前致谢

0 投票
2 回答
75 浏览

css - Bootstrap 字体没有按预期响应

我从 Bootstrap 开始,当我使用桌面浏览器检查响应时,一切似乎都是正确的,但是当我使用手机(Iphone 6)时,它并没有给我我所期望的......

以下是一些截图: 桌面(缩小以预览移动浏览器大小) 在此处输入图像描述

电话(iPhone 6) 在此处输入图像描述

我们可以清楚地看到有一些麻烦......我可能错过了一些东西。

您可以在此网址检查我的代码:http ://robeen.fr/v3

一些帮助将不胜感激:)