问题标签 [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.
html - 使 DIV 具有 100% 的父 DIV,而不知道父母的身高并保持响应
我有这样的代码:
这个CSS:
我想让高度children
等于宽度parent
。不幸的是 - 我不知道为什么。我尝试在 Internet 中查找,尝试了不同的解决方案,例如children{width: 90%; text-align: justify;height: 100%;}
,但它们不起作用。我知道我可以使用 table 而不是第二个 div,但是这个网站不会在较小的设备上响应,这对我来说非常重要。有什么建议么?
javascript - 列表项的宽度未调整过去的最大像素声明
我有一个小脚本,可以检测窗口宽度并在屏幕介于600px
和之间时调整子导航列表项1200px
。该脚本在约束范围内工作,但是当浏览器调整大小时1200px
,600px
宽度声明仍然适用于每个相关的列表项。然而,一旦页面被刷新,宽度就是它应该是的。第一次在这里发布海报,所以请让我知道我错过了什么。
谢谢
});
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
css - 摆脱移动中页脚下方的空白
客户不希望获得网站的响应能力,因此我们完全删除了基于引导程序的 wordpress 主题的响应能力。现在,该网站正在查看它在 Desktop 中的外观。但是,在购物车页面上,由于没有太多的内容或 div 元素,页面很快就结束了,从而导致看起来不好看的空白。
我已经发布了下面的屏幕截图。最后有固定的页脚,在该页面上也不可见。任何建议将被认真考虑。
我已经在标题中给出了这两个。
编辑:由于该特定网站页面上没有足够的内容,移动显示它的默认行为是显示空白。可以通过拥有来解决min-height
。
html - 使用clearfix在右侧带有文本的响应式图像
我正在尝试在页面右侧(从上到下)创建响应式图像,并尝试将文本放在图像右侧的剩余空间中,但它似乎不起作用。我用谷歌搜索并找到了一个名为 clearfix 的解决方案。它可以工作,但是当窗口变小时,文本不会溢出。
有没有办法让图像右侧的文本可缩放,同时图像本身保持响应?
CSS
html
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
在容器和身体上使用过,但不起作用。我使用了不同的文档类型也没有结果。
charts - 获取响应式 Google 趋势图表
我想知道是否可以使用当前给定的代码(通过添加“未知”参数)让 Google 趋势的图表响应
例子
将 '100%' 作为宽度值时它无论如何都不起作用。但是任何人都知道一个额外的参数来改变你想要使用的单位(默认是 px)?
css - 为什么我的媒体查询之一不起作用?
我有 3 个样式表:
在我style.css
的里面有一个媒体查询:
到目前为止,一切都很好。但是我的style-md.css
文件中有一个媒体查询:
而这完全被忽略了。使用 chrome 的开发者工具 -> Sources 时可以看到 css 代码。所以这不是提神醒脑的问题。此外,这不是优先级问题,因为当我对目标元素执行“检查元素”时,它仍然会显示代码,只是被划伤;但它没有显示出来,它只是不存在。
html - 如何将右栏(桌面)拆分为两部分并在移动设备顶部显示另一部分在底部显示?
我有一种情况,我有点担心解决方案不可用,因为据我了解,我们无法拆分浮动列内容或浮动列的内部两个部分,并在移动设备或平板电脑上给它们完全不同的位置。我认为position:absolute;
为了保持网页的响应性和动态内容不是一个好的选择?
请注意:我的客户希望从桌面到移动,反之亦然。
我已经创建了这个线框,请帮助我如何处理这种情况?
我将感谢关于这个问题的每一个回复/反馈!
这将是左列和右列及其嵌套“DIV”部分的可能代码,我也想将其用于移动和桌面+平板电脑:
responsiveness - 使网站响应
我的网站有响应问题。
主题是 Genbu,它已被定制为具有两个相等的侧边栏和更窄的边距。
这是自定义 CSS 代码:
当我检查我的网站时,我遇到了 240x320、320x480 和 768x1024 设备的响应问题:http: //mattkersley.com/responsive/
有人可以帮我处理@media 的东西吗?