我有一个奇怪的情况，在移动设备的预览中(检查器中的响应模式)，网站得到一个水平滚动条。当我缩小浏览器的窗口时，它不会发生，即使在400px的浏览器宽度上也是可以的。排列在窗口上的东西很少::after和：：be伪元素应该总是100%的窗口，但在这种响应式视图的情况下，它们会拉伸网站，而不是缩小到窗口大小。所以你可以在这里看到的例子是https://jsfiddl
浏览 29提问于2021-11-18得票数 1
我一直在我的主样式表中使用媒体查询来根据屏幕大小加载不同的样式。@media screen and (max-width: 800px) { }还有其他人在firefox上遇到这个问题吗？
浏览 0提问于2012-02-25得票数 3
回答已采纳
3回答
在我第一次尝试响应式网页设计时，我遇到了一个奇怪的问题。当我将浏览器的宽度调整到615px或更小时，会出现一个水平滚动条。我不确定是什么因素导致了这种情况。我尝试使用以下命令在每个元素周围添加边框 border:1px solid #FFF;为了帮助我可视化元素的边缘位置，但我没有看到任何超出窗口边界的边界。有人能看一下我的网站并给我一些见解吗？编辑:所以我只能在Firefox中看到滚动条</e
浏览 0提问于2012-07-26得票数 1
回答已采纳
1回答
yellow; }
</head><div class="div1"></div></html>
当窗口变小时如果我手动调整web浏览器窗口的大小，它将按预期工作。它也适用于Firefox。然而，在Chrome的响应式</e
浏览 0提问于2018-09-19得票数 0
回答已采纳
6回答
我为chrome ('Window Resizer')提供了一个很好的扩展，可以显示视窗大小，但我不知道如何在不使用鼠标的情况下清除chrome中的缓存，所以我倾向于使用Safari进行浏览器开发。我四处寻找了一下，似乎找不到一个在Safari中显示视口大小的扩展(我可以找到各种允许我设置视口大小的扩展，但是当我手动更改它时，没有一个扩展可以显示它)。
有没有人知道有免费的扩展可以做到这一点？
浏览 0提问于2014-01-10得票数 6
我正在使用Bootstrap 3，在移动视图中，我想应用一些CSS来修复移动视图上的一些错误。我已经看过文档并在谷歌上搜索过了。我好像找不到任何线索。
有可能吗？
浏览 0提问于2013-11-07得票数 38
回答已采纳
我有一个表格是600px (这是电子邮件的宽度)宽，其中有另一个表格是由顶部和底部的‘曲线’图像，其中有一些文本在中间。由于这封电子邮件是响应式的，当浏览器窗口变小时，内部的灰色表格就会“破裂”。注意:这仅在电子邮件被“调整大小”时发生，即仅在移动电子邮件客户端上发生。如果你看一下下面的小提琴，我所说的部分是从The Victims of Fraud...开始的内部灰色盒子。这个框(当调整大小时)不会玩得很好。我已经尝试了我能想到的所
浏览 0提问于2013-04-23得票数 4
回答已采纳
3回答
Colorbox似乎非常适合“开箱即用”的响应式设计。这就留下了可怕的部分:处理窗口大小调整事件。我将尝试分解这些问题：
1)当用户以标准的桌面大小加载颜色盒，然后将视口缩窄时，cboxPhoto元素的高度缩放不正确。宽度正在正确地缩小，但高度保持不变，从而产生了“挤压”。因此，我尝试将height:auto添加到cboxPhoto的css中。这恢复了宽高比，但是现在cboxPhoto元素太大了，并且被裁剪了。我得到了滚动条内的模式，而我以前没有。我很
浏览 1提问于2012-05-31得票数 10
没有滚动条；
body { overflow-x: hidden }
以防止卷动。在我打开chrome设备工具栏之前，它工作得很完美。这种行为的原因是什么？我应该不使用负边距吗？
浏览 1提问于2018-01-08得票数 1
2回答
我在导航栏中使用它们的响应功能，当视口缩小时，导航栏上的图标会折叠成一个下拉按钮……我遇到的一个问题是，当导航栏同时在桌面和手机上折叠时，导航栏上方会出现空白。我读到过关于在其中添加一些内联样式来调整填充的内容，特别是： body {
padding-top: 60px;我尝试了上面提到的样式规则，无论是在我的头顶还是在cu
浏览 0提问于2013-04-08得票数 3
回答已采纳
5回答
相对于容器的字体大小
、、、、
我正在设计一个可以根据窗口大小进行自我调整的网站，我需要使文本大小相对于它的容器(一个div)。我搜索了一下css，发现这是不可能的。.style.fontSize = $("container").height(); });( "while“就是不断地调整大小，考虑到用户可能会调整窗口的大小
浏览 2提问于2013-03-23得票数 1
回答已采纳
我有一个在IE，Chrome，Firefox，Safari上进行兼容性问题和响应性设计的站点测试。在火狐中，测试是轻松完成的，因为它有开发人员的选项，通过按下Ctrl+m就可以获得不同的分辨率屏幕。我必须在不使用任何工具的情况下测试响应性设计，所以请您建议我如何完成上述工作。
浏览 0提问于2015-04-30得票数 1
使用Chrome检查器中的“切换设备滚动条”选项时，只要您键入新的宽度/高度，窗口缩放就会自动调整到该宽度/高度。这是一个令人难以置信的令人沮丧的用户界面，因为我不希望缩放调整...永远不会。避免这种情况的唯一方法是通过拖动边框来调整响应式窗口的大小。我当前的chrome版本: 54.0.2840.98 (64位)
浏览 2提问于2016-11-26得票数 67
将现有的drupal站点转换/更改为响应式模式的最佳方式是什么？我已经搜索了很多，但没有得到任何正确的方向或指导。我目前的网站运行的是Drupal7和禅宗主题。我是否需要将主题更改为响应式的，如bootstrap，或者有任何其他更好的解决方案。
浏览 0提问于2014-07-03得票数 1
似乎没有一种简单的方法可以拖动浏览器窗口并调整其大小。它会调整到实际屏幕的最大宽度和高度，但不会更大。
我需要在大屏幕上检查和测试一些网页，但我自己只有一个小笔记本。有没有办法实现更大的浏览器窗口？最好是Chrome浏览器，但任何Windows浏览器都可以。
浏览 0提问于2011-08-05得票数 19
4回答
我正在使用HTML5，CSS3，Javascript和Jquery-mobile在PhoneGap中构建一个移动应用程序。
我有一个带有img元素的html页面来显示图像。
浏览 0提问于2014-06-21得票数 0
7回答
content-wrap margin: 0 auto;}</div>
您会注意到，当垂直滚动条出现时一种情况是，浏览器开始逐步呈现页面，而不显示垂直滚动条，然后确定需要滚动条，因为内容高于“折叠”。这使div向左移动约10 div。在不强迫浏览器总是显示滚动条的情况下，解决这个问题的最佳方法是
浏览 10提问于2012-02-18得票数 33
回答已采纳
6回答
我已经在Chrome的开发者工具中启用了“模拟触摸事件”选项。我设置了一个简单的测试程序，当我触摸<div>时会发出警报。该程序在我的Galaxy Nexus上运行良好，但当我在Chrome中点击<div>时，即使启用了“模拟触摸事件”选项，也没有任何反应。有什么建议吗？我是否正确使用了此工具？
浏览 2提问于2012-06-14得票数 9
回答已采纳
我在我的网站上有一个使用background-size:cover的照片背景。它在很大程度上可以工作，但在纵向模式下，我的Galaxy S3上留下了一个奇怪的大约30px的空白区域。似乎在社交媒体ul%s之后，背景就停止了。
margin-bottom: 0px; display: block;}
这在过去是不会发生的，但我猜我在</
浏览 0提问于2012-12-01得票数 18
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
云直播
对象存储
腾讯会议活动推荐
腾讯云开发者
