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

css - 使用带有背景的 Bootstrap 网格的一个像素宽的人工制品

我不打算用语言来解释这一点,只要看看这个小提琴: https ://jsfiddle.net/fhf8rwno/4/

在 Chrome 或 Firefox(可能还有其他浏览器)中,在调整浏览器宽度时观察红色列。您应该注意到,在浏览器端的每一次更改中,父容器的右边缘都会出现一个像素宽的间隙,从而允许父背景通过。

如果我改为使用col-xs-6而不是col-xs-7and col-xs-5,问题就会消失。因此,由于列比率的奇数/偶数混合,浏览器的像素数学似乎可能会导致这种情况。

这可能看起来不多,但我正在开发的网站大量使用这种模式,一半的用户看到一些非常明显且难看的黑线。

有什么想法或建议的黑客吗?

0 投票
1 回答
39 浏览

html - 第二个 CSS 样式不会超越第一个

这基本上是我的代码的样子。该元素仍然是浮动的:即使在我添加了那行代码以进行响应之后……我做错了什么?

我添加到@media 部分的其他类都可以正常工作

0 投票
5 回答
179 浏览

html - HTML CSS 水平堆叠元素 1 填充剩余宽度

更新:这是迄今为止最接近的解决方案:http: //jsfiddle.net/bfcr62yd/11/

我无法解决以下问题。简而言之,我需要一个元素来填充剩余的宽度,而所有其他水平堆叠的元素都具有固定的宽度。

UI 有 5 个包装元素,需要以固定的最小宽度水平堆叠。左侧的 2 个元素和右侧的 2 个元素具有固定宽度。中心包装元素宽度需要动态填充剩余宽度。中心元素有一个具有非常大的固定宽度的子元素。如果响应式父宽度小于子固定宽度,我希望孩子溢出-x:滚动(隐藏剩余宽度并通过滚动查看)。

到目前为止我的尝试:http: //jsfiddle.net/bwgrwgnz/1/ http://jsfiddle.net/hycd4non/13/

我发现这个简单的例子只适用于 2 个元素:http: //jsfiddle.net/SpSjL/

0 投票
1 回答
61 浏览

django - Meteor 在传统网络上的表现如何?(也与 Python/DJango 相比)

注意:我知道这可能看起来是一个基于意见的问题,但我想要一个技术性的答案。

我正在构建一个应用程序,该应用程序针对 Internet 连接不稳定且大部分时间缓慢(我假设大约 1/2 Mbps)的国家/地区。

在欧洲,Meteor 几乎一直都表现得非常好,实时更新非常快。但是我不知道它如何在遗留网络上执行(高延迟/不稳定)。

另一种方法是使用 Django 作为全栈框架,据我所知,它不是实时的。

非常欢迎任何意见(可能有技术数据支持)。

0 投票
2 回答
120 浏览

html - 响应式站点无法在线运行,但在本地计算机上保存并打开时会运行。为什么?

第一次在这里问,所以希望我在正确的地方。

以下是我正在开发的网站:http: //iprotion.com/

我刚刚为它构建并测试了一个移动友好主题,但我发现“响应式”无法正常工作。

当您在打开该页面时重新调整浏览器的大小(作为移动视图)时:http: //iprotion.com/它根本不起作用。左侧边栏仍然在同一位置,而不是重新定位到页面主要内容的上方。但是,真的很奇怪,如果你把这个页面保存在本地计算机上,然后用同一个浏览器打开保存的页面,调整浏览器大小,响应就会正常工作。

保存的代码应该和“在线”的代码一样吧?为什么在线的响应式不起作用?

任何想法和帮助将不胜感激!谢谢。西蒙。

0 投票
1 回答
68 浏览

html - 如何将容器高度更改为主体高度的 80%,并保持纵横比?

我现在有一个无法解决的问题

甚至 SO 中的一些答案也促进了vhunit 的使用,但由于 APP 的向后兼容性,我不想使用它。

这就是我在我的布局 css 中所拥有的

我正在使用 AngularJS 和 bootstrap + sass + 玉

所以我的布局看起来像这个样机:

在此处输入图像描述

一个固定的主体背景,中间有一个半透明的容器。在容器底部我有 2 个导航按钮,使用 ui-router 切换视图

但基本上我希望能够为容器设置一个相对于视口高度的固定高度,并将其保持在不同的分辨率直到移动设备。

0 投票
2 回答
7983 浏览

jquery - 具有第一个固定列的 Bootstrap 3 响应表

我按照这个这个帖子来锁定第一列的宽度。表格是响应式的,我想在调整表格大小时实现第一列的固定宽度。我尝试了 Guruprasad 的帖子,但它不起作用。

jsfiddle

html

css

0 投票
0 回答
877 浏览

html - 具有多个图像的引导轮播?

我从最近几天一直在这个问题上苦苦挣扎,而且我的 css 知识有些过期了!我想要整页引导轮播滑块,并且我想要一些图像在这个滑块[4 * 4] 上,如果有人可以提供帮助,我会尝试这样做??

JS 小提琴: https ://jsfiddle.net/ysv09o0w/

//我的滑块

上面的代码似乎是我没有进行任何尝试,但是像搜索栏等代码我没有包含它们?当我克服它时,我一直面临将搜索栏放在滑块上的问题,这件事发生了!

在此处输入图像描述

轮播的CSS

javascript

0 投票
0 回答
318 浏览

android - android UI元素没有响应

我在我的应用程序中实现了一个导航抽屉。但是,稍后我注意到一个问题 - 当我添加一些 UI 元素时,它们根本没有响应。

例如,我无法选择 editText 视图并键入文本。此外,按钮不会调用 onClick 方法(附加了 onClickListener)。导航抽屉反应灵敏并且工作正常。是 Galaxy S3 I9300 上的样子:

这是 myTasks 活动的布局文件 (activity_my_tasks_topdrawer.xml):

而 myTasks 活动本身:

导航抽屉片段:

导航抽屉适配器:

如果我必须提供其他东西,请告诉我。

0 投票
1 回答
169 浏览

css - 并非所有样式表都显示在开发人员工具 (Firefox) 中

突然(今天)我的网站http://k-dushi.com/index.php的所有样式表都没有出现在开发人员工具(Firefox)中。看起来它一直在尝试加载样式表(加载图标一直在旋转)。此外,似乎某些使网站响应的样式未正确加载。有谁知道如何解决这个问题?我一直在尝试很多事情,但真的没有想法。

谢谢!