问题标签 [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 回答
307 浏览

html - 使 DIV 具有 100% 的父 DIV,而不知道父母的身高并保持响应

我有这样的代码:

这个CSS:

我想让高度children等于宽度parent。不幸的是 - 我不知道为什么。我尝试在 Internet 中查找,尝试了不同的解决方案,例如children{width: 90%; text-align: justify;height: 100%;},但它们不起作用。我知道我可以使用 table 而不是第二个 div,但是这个网站不会在较小的设备上响应,这对我来说非常重要。有什么建议么?

0 投票
2 回答
25 浏览

javascript - 列表项的宽度未调整过去的最大像素声明

我有一个小脚本,可以检测窗口宽度并在屏幕介于600px和之间时调整子导航列表项1200px。该脚本在约束范围内工作,但是当浏览器调整大小时1200px600px宽度声明仍然适用于每个相关的列表项。然而,一旦页面被刷新,宽度就是它应该是的。第一次在这里发布海报,所以请让我知道我错过了什么。

谢谢

});

0 投票
3 回答
1157 浏览

php - Wordpress - is_page_template

I have been using the following code to set the column width on certain pages within a wordpress site:

This works great on pages with custom templates, but I not quite sure how to get it to work for custom post types.

It doesn't seem to work when I set the the template to that of my custom post type:

Any thoughts?

TIA!

Steph

0 投票
2 回答
2188 浏览

css - 摆脱移动中页脚下方的空白

客户不希望获得网站的响应能力,因此我们完全删除了基于引导程序的 wordpress 主题的响应能力。现在,该网站正在查看它在 Desktop 中的外观。但是,在购物车页面上,由于没有太多的内容或 div 元素,页面很快就结束了,从而导致看起来不好看的空白。

我已经发布了下面的屏幕截图。最后有固定的页脚,在该页面上也不可见。任何建议将被认真考虑。

我已经在标题中给出了这两个。

在此处输入图像描述

编辑:由于该特定网站页面上没有足够的内容,移动显示它的默认行为是显示空白。可以通过拥有来解决min-height

0 投票
1 回答
48 浏览

html - 使用clearfix在右侧带有文本的响应式图像

我正在尝试在页面右侧(从上到下)创建响应式图像,并尝试将文本放在图像右侧的剩余空间中,但它似乎不起作用。我用谷歌搜索并找到了一个名为 clearfix 的解决方案。它可以工作,但是当窗口变小时,文本不会溢出。

有没有办法让图像右侧的文本可缩放,同时图像本身保持响应?

CSS

html

0 投票
1 回答
66 浏览

css - 制作切片滑块的响应问题

我正在为教育目的创建一个切片滑块来尝试响应式设计。

我已经尝试了 3 天以使其具有响应性,但我尝试的一切都没有奏效。

每当有人将鼠标悬停在页面背景上时,div将显示一个隐藏的内容,其中包含 4 个图像。当我放大时,最后一张图像正在改变位置。

这是我的代码:

CSS:

我使用 Skeleton 2.0.4(也使用了 Bootstrap,但什么也没发生)。我认为问题在于我在.unreveal课堂上使用 2 张图片作为背景,但我不知道我还需要做什么。我使用max-width:everywhere, margin:0 auto并且我有来自骨架的媒体查询。

如果有人想看一眼,我上传了它: test-site

提前致谢。

编辑:修复图像重新定位后,容器仍然存在问题。当我放大时,高度正在上升,停止在2400px 发生的事情的 img 处。我max-height:1100px在容器和身体上使用过,但不起作用。我使用了不同的文档类型也没有结果。

0 投票
2 回答
700 浏览

charts - 获取响应式 Google 趋势图表

我想知道是否可以使用当前给定的代码(通过添加“未知”参数)让 Google 趋势的图表响应

例子

将 '100%' 作为宽度值时它无论如何都不起作用。但是任何人都知道一个额外的参数来改变你想要使用的单位(默认是 px)?

0 投票
2 回答
3100 浏览

css - 为什么我的媒体查询之一不起作用?

我有 3 个样式表:

在我style.css的里面有一个媒体查询:

到目前为止,一切都很好。但是我的style-md.css文件中有一个媒体查询:

而这完全被忽略了。使用 chrome 的开发者工具 -> Sources 时可以看到 css 代码。所以这不是提神醒脑的问题。此外,这不是优先级问题,因为当我对目标元素执行“检查元素”时,它仍然会显示代码,只是被划伤;但它没有显示出来,它只是不存在。

0 投票
1 回答
182 浏览

html - 如何将右栏(桌面)拆分为两部分并在移动设备顶部显示另一部分在底部显示?

我有一种情况,我有点担心解决方案不可用,因为据我了解,我们无法拆分浮动列内容或浮动列的内部两个部分,并在移动设备或平板电脑上给它们完全不同的位置。我认为position:absolute;为了保持网页的响应性和动态内容不是一个好的选择?

请注意:我的客户希望从桌面到移动,反之亦然。

我已经创建了这个线框,请帮助我如何处理这种情况?

我将感谢关于这个问题的每一个回复/反馈!

这将是左列和右列及其嵌套“DIV”部分的可能代码,我也想将其用于移动和桌面+平板电脑:

在此处输入图像描述

0 投票
1 回答
90 浏览

responsiveness - 使网站响应

我的网站有响应问题。

主题是 Genbu,它已被定制为具有两个相等的侧边栏和更窄的边距。

这是自定义 CSS 代码:

当我检查我的网站时,我遇到了 240x320、320x480 和 768x1024 设备的响应问题:http: //mattkersley.com/responsive/

有人可以帮我处理@media 的东西吗?