问题标签 [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.
css - 为什么滑块图像没有响应?
问题似乎来自宽度为 20000em 的 ul.gallery。
即使其他 div 正在调整大小,图像也不会。
这里是现场测试;(编辑:删除链接)
请问有什么帮助吗?
编辑:在媒体查询中将视口宽度设置为 100% 后,图像现在会调整大小。
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
php - 更改为响应式站点
我在我的网站上使用过宽度和高度,例如
我必须更改此代码媒体查询以进行响应,但它不起作用我在调整浏览器大小时将背景颜色设置为红色,它只显示颜色而不是调整内容大小
我的代码:
添加图像我得到了什么?请帮助我任何建议?
php - 响应式网站在客户的定位设备上看起来不同(Wordpress-Woocommerce)
我正在使用的网站面临一个奇怪的问题。当我检查时,演示/实时站点在所有手机上看起来都不错,但是当客户及其客户(他们来自另一个国家/地区)在手机上查看时,实时站点看起来缩小了。我尝试了 responsinator、浏览器堆栈、iPhone 和 Android 手机,并请其他国家的朋友检查他们的移动设备。但该网站看起来很正常。Bcoz 我无法分析这个问题。已经一个多月了,所以绝对缓存不是原因。任何帮助表示赞赏。
html - 在矩形的底部中心响应对齐 50% 的圆?
我有一个 div 填充了所有的宽度和一定的高度,然后我有一个较小的圆圈,它需要在这个 div 的底部/中心的一半,在它之后的一半。
一切正常,直到我获得更高的高度或尝试缩放它,然后圆圈将垂直移动,不再是 50/50。此外,缩放页面将使圆圈从顶部扩展,而不是从中间扩展。
CSS:
image - 为什么图像在 FF 和 IE 中没有响应?
我有大问题。几乎尝试了所有方法,但仍然无法正常工作。
在 Opera 中一切正常,但在 FF 和 IE 中,图像没有响应。我的意思是它们以原始尺寸显示,而不是适合 div(如在 Opera 中)。
这是链接: http: //gksolutions.pl/oferta/strony-internetowe
有什么帮助我的朋友吗?我实际上已经浪费了 2 天时间。它不是引导程序,只是一个简单的网格系统。
它在 FF 和 IE 中的外观如何:
它在 Opera 中的外观
基本上图像在 FF 和 IE 中不能正确缩放,尽管 row div 设置为 350px 高度并且 img 的样式为:
javascript - 如何保证响应式图片的相对定位?
我正在建立一个网站,下面是我想要的结果。
所需: http: //i.stack.imgur.com/JI7tQ.png 注意:左边有一张图片,总共有 5 张图片。
但是,当我调整浏览器的大小时,网格图像会像这样堆叠在一起..
实际:http: //i.stack.imgur.com/tNSLP.png
下面是我的代码
HTML 代码
CSS 代码
期望的行为
我希望这四个图像保持彼此相对的位置并随着窗口变小而缩小。换句话说,我希望 2x2 网格缩小尺寸,而不是变成 4*1 网格。
另外我希望最左边的图像的高度等于屏幕的高度。
注意当图像堆叠在一起时,它们是响应式的。
问题
实现这种行为的最佳方法是什么?我的直觉在尖叫 JavaScript。
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
css - 响应式电子邮件
我正在发送一封响应式电子邮件。我的代码在除 Outlook 7 和 10 之外的任何地方都可以使用。我知道它与填充和边距有关,我尝试了一切来解决这个问题,但它仍然无法正常工作。有没有人对此有解决方案?我尝试了他们所说的:https ://litmus.com/help/email-clients/outlookcom-margins/
所以我改变了我所有的边距标签:margin-left:5%; to margin:0 0 0 5%;
我希望有人可以帮助我。
提前致谢
css - Bootstrap 字体没有按预期响应
我从 Bootstrap 开始,当我使用桌面浏览器检查响应时,一切似乎都是正确的,但是当我使用手机(Iphone 6)时,它并没有给我我所期望的......
以下是一些截图: 桌面(缩小以预览移动浏览器大小)
电话(iPhone 6)
我们可以清楚地看到有一些麻烦......我可能错过了一些东西。
您可以在此网址检查我的代码:http ://robeen.fr/v3
一些帮助将不胜感激:)