CSS网站比浏览器窗口更宽
是指通过CSS样式表设置网站的宽度大于浏览器窗口的宽度。这种情况下，网站的内容会超出浏览器窗口的可视区域，用户需要通过滚动条来查看隐藏部分的内容。
这种设计方式通常用于创建响应式网站，以适应不同屏幕尺寸的设备。通过设置网站宽度大于浏览器窗口宽度，可以确保在较大屏幕上显示更多的内容，并提供更好的用户体验。
优势：
- 提供更多的内容展示空间：通过将网站宽度设置为大于浏览器窗口宽度，可以在较大屏幕上展示更多的内容，提供更丰富的信息和功能。
- 响应式设计：通过使用CSS媒体查询等技术，可以根据设备的屏幕尺寸和方向，动态调整网站的布局和样式，以适应不同的设备。
- 提升用户体验：在较大屏幕上显示更多的内容，可以减少用户的滚动操作，提供更流畅的浏览体验。
应用场景：
- 新闻网站：在较大屏幕上显示更多的新闻标题和摘要，方便用户快速浏览和选择感兴趣的内容。
- 电子商务网站：展示更多的产品信息和推荐内容，提供更好的购物体验。
- 媒体网站：展示更多的图片、视频和音频内容，提供更丰富的媒体体验。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云CDN（内容分发网络）：https://cloud.tencent.com/product/cdn 腾讯云CDN可以加速网站内容的分发，提高访问速度和用户体验。
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm 腾讯云云服务器提供可扩展的计算能力，适用于部署和运行网站应用。
- 腾讯云弹性伸缩（Auto Scaling）：https://cloud.tencent.com/product/as 腾讯云弹性伸缩可以根据网站负载情况自动调整云服务器的数量，提高网站的可用性和性能。
请注意，以上推荐的腾讯云产品仅作为示例，其他云计算品牌商也提供类似的产品和服务。
相关·内容
1回答
好吧，我已经用头撞了几个小时了，现在是时候把它扔到这里了，看看有没有人能帮上忙：
基本的问题是，我在html页面上有一个SVG，它的样式是响应性的，并调整到浏览器窗口的宽度。该代码在IE和Chrome中都非常好，但是在Firefox上，当窗口小于一定大小时，SVG就停止缩放。它会放大的很好。为了激怒我，当我在Firefox中“检查元素”并查看代码时，SVG会适当调整大小，以适应现在更小的查看区域。下面是我的意思的一些截图：
这是我的代码，尽管它是基本的：
<!DOCTYPE html>
<html>
<head>
<met
浏览 5提问于2012-12-08得票数 2
回答已采纳
3回答
我怀疑我的问题可能太笼统了，但我希望具有CSS专业知识的人能帮助我找到解决方案。
我的网站在高分辨率显示器(1920X1080)上看起来可以接受(对我来说)--但在较小分辨率的屏幕上，左边的网站不适合--即使水平滚动最终出现，你也会让窗口变小，但它看起来“太晚了”，并且没有包括主内容面板的任何剩余部分。
这是我特别关心的。还有其他与解决方案相关的问题。
下面是这个网站：
如果你能看一看，我将不胜感激--并感谢CSS大师的建议/建议/建议！
浏览 1提问于2011-07-15得票数 1
回答已采纳
我有一个非常简单的网站，在下面创建一个水平滚动条：
安卓：
铬
Firefox
歌剧迷你
不是在Android默认浏览器中，但该站点看起来已损坏。
iOS:
Safari
这真的没什么大不了的，但我把我的网站比作http://google.com的桌面网站，而谷歌的网站却没有我的问题。
我在CSS和HTML方面还是很新的，我觉得我打破了一些我不知道的简单规则，那就是制造这个问题。有什么办法解决这个问题吗？
如果你想测试的话。转到
浏览 3提问于2012-07-18得票数 0
1回答
我有一些问题的css的一个网站，我正在开发。这是一家使用wordpress woocommerce的商店。当我试图使“最小高度”达到100%时，就会发生这种错误。
html, body, #bodychild{
height: 100%;
min-height: 100%;
}
另一个问题是incomandando me :当调整浏览器窗口的大小时，就会发生：
还有一点我无法消除的迷迷糊糊的余地。
<<
浏览 2提问于2014-07-16得票数 0
回答已采纳
2回答
日安，
我一直在对这个网站做一些修改，所有者希望当浏览器窗口缩小到比网站的‘容器’更小的尺寸时，会出现一个水平滚动条。现在它还没有出现。我认为这是我的主要CSS造成的。这个CSS有overflow-x:hidden；和overflow-y:auto；，因为我的"jquery粘性页脚“需要它才能正常工作。
我如何解决这个问题，当我缩小它时，让它在浏览器窗口上水平滚动条？这让我失去了一些脑细胞。
这是我的CSS，我认为这是不让我拥有滚动条的原因。顺便说一句，当我放入overflow-x: auto时，无论我有多大的窗口，滚动条都会出现。
body, html {
margin: 0
浏览 1提问于2010-10-15得票数 0
回答已采纳
2回答
我想要实现一个菜单栏，其背景延伸到浏览器窗口的长度，而实际的菜单是居中。为此，我有以下CSS代码：
.menuContainer {
position: relative;
height: 60px;
width: 100%;
margin-top: 60px;
padding: 0px;
z-index: 2;
background-color: w
浏览 4提问于2014-06-09得票数 1
回答已采纳
我试图获得一个div来扩展它的容器，而不会导致该容器超出浏览器窗口的宽度，就像在中一样。在最后一个条目中单击"Stack跟踪“旁边的”展开“。
它应该做的是显示一个水平滚动条。
它实际上所做的是扩大到超过窗口的宽度。
如果我给<div class="stack">元素一个以像素为单位的max-width，我就可以让它工作，但是我希望它无论窗口有多宽都能被填充，而不会超出它的范围。
我怎样才能修复这个布局？css的一般方法是获得一个元素，使其水平展开以填充其容器，同时又不超出窗口的边缘？
浏览 6提问于2015-01-14得票数 1
回答已采纳
2回答
当浏览器窗口缩小时，我正在尝试将段落文本换行到下一行。目前，它停留在同一位置，当浏览器窗口缩小到段落文本之外时，会出现一个水平滚动条。
我尝试过CSS3文本换行属性，但它不起作用，或者我可能没有正确使用它。
浏览 0提问于2012-11-04得票数 0
回答已采纳
1回答
我有一个div，我不想用浏览器窗口来调整它的大小。我不能设置宽度或给它一个最小宽度，因为它确实需要根据它的内容调整大小。我只是想让它完全忽略浏览器的大小，并正常地调整其内容的大小。看起来很简单，但我已经找了几天了，还是找不到解决方案。
有什么想法吗？我正在寻找一个html/css解决方案，而不是javascript。我已经有了一个可以工作的javascript hack，但我不想这样做。
浏览 2提问于2015-04-08得票数 0
1回答
我开发了一个铬扩展格式的水平条站在用户窗口顶部。它是“类似”的东西：
但当我将它作为扩展添加到Chrome时(见右上角的图标)，情况就是这样：
这里怎么了？
这是舱单：
{
"manifest_version": 2,
"name": "CLAWS",
"description": "testing",
"version": "1.0",
"permissions": [
"tabs",
&#
浏览 0提问于2015-09-11得票数 1
回答已采纳
我正在使用twitters bootstrap模拟一个移动网站。该页面有一大堆内容，这些内容被放在“折叠层下面”。出于某种奇怪的原因，它拒绝在Droid浏览器中向下滚动，而在iPhone和桌面浏览器上却工作得很好。该网站可在此处访问：。我的代码如下：
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" con
浏览 0提问于2012-04-27得票数 1
1回答
我把这个东西放在桌子上了。下拉列表是一个长(90个字符)的1项。其他的则要短得多。
这是一个生成的页面，因此将有更多的记录比所列的记录。我能够删除页面底部的空白，但是我在浏览器上丢失了水平滚动。我想在浏览器中滚动以看到表的右侧。
如何删除表下的空白并将水平滚动保留在浏览器上？
如何在浏览器上获得水平滚动，而不是在表上？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
浏览 2提问于2012-09-20得票数 0
1回答
当我在Android或Windows上运行网站时，文本呈现正常，一切都非常流畅，但是当我在iOS上运行该网站时，文本就消失了。就像它从未存在过一样。所有其他元素都会被吸收进去。几乎所有的文本都有显示:没有；
这是我的html：
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
浏览 2提问于2020-08-09得票数 1
回答已采纳
1回答
我的网站的左边距在iPad (纵向模式)上不起作用。它在横向模式中完全居中，但当我将其转到纵向视图时，我的左边距似乎设置为零。你能帮我解决这个问题吗？
我的网站: www.inclouds.co.uk/test我使用在ipad上浏览我的网站：
对于我的css代码：
#container {
width: 990px;
margin: 0 auto;
position: absolute;
}
#header {
width: 990px;
height: 220px;
margin-left: auto;
margin-right: auto;
margin-t
浏览 0提问于2012-10-23得票数 1
2回答
我一直在做一个网站，它有非常标准的布局，页眉，内容，页脚，每一个都是一个DIV，里面有一个900px宽的DIV，就像这个问题中描述的那样：
现在问题本身就是，每当浏览器窗口的宽度小于指定的DIV宽度(900px)时，包装器的背景似乎消失了，显示了网站本身的背景色。在使用上述问题中的代码时，也会发生这种情况。
这是CSS代码：
#headerwrapper {
height: 229px;
background: url(imagenes/header.gif);
background-repeat: repeat;}
#header {
width:900p
浏览 0提问于2013-01-16得票数 0
回答已采纳
3回答
我已经建立了一个网站，我认为这是免费的css错误，直到我在iPhone上测试。我有一个奇怪的问题，因为重复的背景图像不能完全延伸到整个页面。
这是它在iPhone和完整网站网址上的样子：
浏览 2提问于2011-08-30得票数 0
回答已采纳
基本上，我有一个窗口，它只是一个垂直的按钮列表。我想要创建一个下拉菜单，在不改变窗口大小的情况下，这个菜单会被移到一边。我正试图用爆米花来做这件事，但现在我遇到了一个问题，那就是我的罂粟被窗户切断了。有什么办法能让它流过窗户的界限吗？
浏览 0提问于2018-11-27得票数 0
回答已采纳
1回答
我试着做些类似于图像中的事情。容器(包含所有三个灰色矩形)为窗口宽度的100%。无论我做什么，标题和描述总是在容器的左边移动，当它太长的时候。
我希望图像(这将是一个固定的宽度)始终在左上角。标题和描述应该保持在矩形的范围内，如图所示，当调整大小时，它们的宽度应该随着窗口的大小而扩展。
这是小提琴
HTML
<div class="container clearfix">
<div class="image">
</div>
<div class="subcontainer cle
浏览 1提问于2012-11-12得票数 0
回答已采纳
在网站运行时，我使用javascript动态创建了一个简单的表控件。
我有固定宽度的列使用引导类(如col-xs-3等)。
表中的一个列是一个description字段，其中我的数据中有许多条目具有较长的文本。
在一个大屏幕上，它只是一行文本，所以一切都很好，但是当缩小窗口的大小时，当使用较小的设备时，宽度太窄，无法在单行上显示描述，因此会环绕起来，使整行都适合整个文本。
显示整个文本不是必需的，我需要确保表行不会增长，并且不管屏幕/窗口大小如何，保持固定的高度。
是否有办法在css中这样做，因为我不想在每个单元格元素中插入一个额外的div (如果我可以避免它)，我已经在其他文章中看到过它。
浏览 0提问于2014-08-21得票数 2
回答已采纳
2回答
缩放CSS标头
、、
我试图为我的标题设置一个可伸缩的背景图像，只是基于浏览器窗口的宽度(目前)。现在，以我所拥有的，它的宽度很好。但是标题本身并不改变高度，它与文本行的高度联系在一起。如果我没有短信，它就不会出现。当我调整窗口的大小时，标题图像的底部不会显示。我尝试过将最小高度设定为不同的值，但它并没有做我所需要的事情。
我希望它能够根据图像缩放标题的高度。如果窗口很小，它将缩小到文本行的高度。如果它是大的，它将比文本行更大。有可能吗？我已经看到其他网站的工作，它只是很好。我找到了怎么做的说明..。在WordPress中的某些特定主题中。
HTML：
<header>
<p>
浏览 3提问于2015-02-24得票数 2
回答已采纳
我正在使用两个流行的工具，Zurb foundation和一个站点的超大jquery插件。我以前一起使用过一次。然而，当我将它们一起使用时，Zurb Foundation CSS压缩了图像的纵横比，从而扭曲了超大jquery插件中的图像。当浏览器窗口变窄时，它会执行此操作。
这在我以前的网站上是可以的。它不会在我当前的网站上做。
因此，当窗口或设备变窄时，图像会受到挤压。
如果我删除Zurb CSS，那么Supersized将保持纵横比不变，因此我知道原因与Zurb Foundation所做的图像调整有关。那么我如何在Supersized中覆盖背景图像的Zurb CSS呢？
可在此处查看站点演
浏览 2提问于2013-03-14得票数 0
所以我设计了一个1024x768的网站.我根据全球统计数据做出的决定显示，这仍然是主要的决议。
我自己放大，看上去很棒。我在一些图片上使用了一些技巧，它们是高分辨率的，但是缩小了，如果你放大，它们不是模糊的。
然而..。现在，任何打开而不知道如何放大的人都会看到一个很小的页面，因为越来越多的人使用更高分辨率的屏幕。仍然让用户放大是不对的，我想修复这个.
是否有一种方法可以根据每个用户的视图在打开页面时进行缩放？
用户现在是如何看待它的：
我如何看待它，并希望用户查看：
我唯一能找到的关于缩放和缩放的东西是只用于图像.
附加编辑：
好的，作为对给我的答案的回应，在firefox中没有工作，不确
浏览 2提问于2013-03-17得票数 1
1回答
我查阅了多个站点上的文档，他们都认为max-width应该覆盖width。然而，由于某些原因，它总是停留在800px。这是我的CSS：
.content{
width: 800px;
max-width: 100%;
}
这应该使它保持在800px宽，除非窗口变小，然后缩小它，对吗？我也尝试了另一种方法：
.content{
width: 100%;
max-width: 800px;
}
这给了我相同的结果。不管怎样，它总是800px。我曾经想过使用min()，但后来发现它被从CSS中删除了(尽管我不知道为什么)。有人知道我做错了什么吗？
我应该指出的是，我在头文件中包含了&
浏览 0提问于2017-09-22得票数 0
2回答
代码
<!-- Simple social network, named Topazz. -->
<!-- Site logic. -->
<script>
// Post tag.
import Post from "./Parts/Post.svelte"
// Site pages.
import {Pages} from "./Pages.svelte"
// Site images.
import {Images} from "./Parts/Image
浏览 4提问于2022-02-16得票数 0
回答已采纳
2回答
CSS流体布局和图像
、、、
我试图在CSS中创建一个完全流畅的布局(%中的所有内容)，它可以无缝地跨平台工作(桌面/移动/平板电脑，如iPad)。
有了流体布局，图像就能变得完全流畅吗？例如：
img { max-width:100%; }
这是否意味着它将调整/适应到任何程度或窗口大小？
同样，这也适用于背景图像吗？
这个属性在浏览器实现方面有什么限制吗？
浏览 2提问于2011-08-05得票数 0
回答已采纳
1回答
CSS绝对定位盒影溢出自动
、、、、
我有一个绝对定位的包装器div，它包含我的菜单元素。
包装器元素直接定位在视图端口的顶部和底部，因此它的高度总是浏览器窗口的100%。
包装器元素中的菜单元素有一个框影，它在右侧溢出包装器。通常这不是一个问题，阴影仍然是可见的。
但是，我需要使包装器可滚动，以防里面的菜单元素高于包装器本身。但是，添加overflow-y: auto将减少菜单右侧的阴影(无论滚动条是否可见)。
<div id="wrapper">
<div id="menu">
<div id="main">Main&
浏览 1提问于2014-04-21得票数 0
1回答
Webkit浮动和显示
、、、
我遇到了Webkit浏览器(Chrome/Safari)、CSS3媒体查询、display和float在display上的问题。在我的网页上，默认的样式是将元素nav浮动到右边和display:inline-block。当窗口大小调整为移动大小时，媒体查询将其调整为：float:none; display:block。当浏览器的大小恢复到正常值时，就会出现这个问题:导航元素出现在其高度的大小上。以下是一些图片和标记：
窗口正常显示，站点正确显示：
窗口移动大小，站点正确显示：
窗口大小恢复正常，站点显示不正确：
这是nav的正常样式(是的，我将把IE7内容移到一个单独的样式表中.
浏览 1提问于2011-07-03得票数 11
回答已采纳
3回答
首先你会找到我的网站
我有div：
<div class="home" style="background-image: url(http://payload51.cargocollective.com/1/7/237315/3336908/HomeImage_o.jpg); background-attachment: fixed; height: 660px; width: 100%; opacity: 1; background-position-y: 0px; background-position-x: center; background-repeat
浏览 1提问于2012-08-09得票数 1
回答已采纳
1回答
我有一个反应灵敏的img标签：
<img width='800' height='600' srcset='img-400px.jpg 400w, img-700px.jpg 700w, img-1000px.jpg 1000w' sizes='(max-width: 1024px) 100vw, (max-width: 1840px) 63vw, 1200px' src='img.jpg'>
和CSS规则：
object-fit: contain;
width: auto;
margin: auto;
浏览 3提问于2022-04-30得票数 0
2回答
我正在尝试制作一个带有顶部边框的网站，但是当浏览器窗口被压缩，并且出现水平滚动条时，只有当滚动条位于其原始位置时，顶部的边框才可见。如果向右滚动，边框将停止。
HTML代码：
<div id='container'>
<div id='content'>
As you can see, when the window is small enough for scrolling, the border only exists in the "original" window space.
&l
浏览 2提问于2013-04-28得票数 2
1回答
我是一个网站设计的初学者，我在3天前开始我的网站，经常有一些问题，所以我删除了我的旧脚本，并写了一个新的。现在新的解决了顶部的整个宽度的问题。我的问题是：
正如你所看到的，在我调整了一半大小的浏览器的右上角，出现了一个“白色”空间。但在全尺寸浏览器窗口中，没有空间发生...(窗口越小，“白色”空间就越大。
我的html脚本和CSS脚本将会在这里：
我的问题是，为什么以及如何发生这种“白色”空间？请注意:我已经在脚本领域找到了一个解决方案，关于如何拥有一个完整的空间，但我找不到并回答了不同之处，以及为什么会发生这种情况。附言:如果我能得到一个回复，我会非常感激。Kind问候Assil
浏览 2提问于2012-08-18得票数 0
回答已采纳
4回答
我在我的网站标题中有一张图片。我想使用CSS属性来使它在浏览器的宽度上伸展，以便它对用户调整浏览器窗口大小做出反应，从而使图像的垂直轴相应地缩放。这真的是可以做到的吗？
浏览 0提问于2009-05-04得票数 5
Chrome5最近发布了适用于Windows、Mac和Linux的版本号。不同平台之间的行为(CSS或JS)是否存在显著差异，或者它们的行为是否基本相同？
我对它们如何处理扩展不感兴趣--只关心如何处理HTML、CSS和JavaScript。
浏览 0提问于2010-05-27得票数 0
回答已采纳
我使用的是cssgrid.net，它是一个12 col1140px响应的流体框架，并且我在对事物的中心设置上有困难。
我的网站有一个“背景大小:封面；”图像和我有一个标志，我想在浏览器内水平居中，即使它正在调整大小。
这是我拥有的HTML：
<div class="container">
<div class="row">
<div class="fourcol"></div>
<div class="fourcol">
<div c
浏览 0提问于2012-11-29得票数 0
回答已采纳
我已经用以下代码成功地使用查看器进行了设置：
protected void btnShowPDFS_OnClick(object sender, EventArgs e)
{
// Display all files.
string[] files = Directory.GetFiles(@"D:\Reports\2014\July\", "*.PDF");
var pdfNames = new List<string>();
foreach (string file in files)
{
浏览 8提问于2014-11-17得票数 0
2回答
我想让我的网站宽度自动适应iPhone纵向屏幕(在iPhone 5上测试)。我目前将宽度CSS设置为100%，并使用这个元视口标记：
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;" />
这个技术是由这个问题推荐的：
不过，它对我不起作用。网站的宽度仍然比iPhone的纵向屏幕宽得多。
如何让站点宽度自动适应iPhone纵向屏幕？
浏览 2提问于2013-07-11得票数 4
回答已采纳
我已经制作了一个响应式网站，并使用viewport meta标签来修复不同设备上的缩放。我还使用JavaScript告诉设备不要缩放低于525px，因为这是我的body元素的最小宽度：
<meta id="myViewport" name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" />
window.onload = function () {
if(window.innerWidth
浏览 1提问于2017-04-09得票数 1
我的问题是我正在设计一个响应式的网站。使用了一个滑块插件，但有一个问题，那就是当我调整窗口大小从561px以上到561px以下时会出现视口宽度超过100%的情况。我认为这是一个插件的错误，但插件是有用的。所以我有一个想法，那就是检测调整大小事件"if($(window).width() < 561)“加上检查视口宽度是否大于100% (即显示垂直滚动条)，然后运行重新加载整个页面函数。
你们能给我一些提示，检测视口宽度超过100%，然后做一些事情？
这是我的网页，它有这个问题：
浏览 1提问于2017-05-19得票数 1
1回答
我正在用HTML和CSS写一个网站。我的问题是，例如，当我在浏览器中运行我的网站时，我用百分比调整所有的利润率。但是，当我在全屏上运行我的浏览器时，或者如果我调整窗口的大小，网站不同的部分就会分崩离析，不能像它们应该的那样结合在一起。为什么百分比单位不修复这个问题，因为它是相对于窗口的大小？
CSS：
#aboutMeDiv
{
background-image: url('noisyBlue.png');
position: absolute;
width: 100%;
height: 118px;
margin-top: 13.6em
浏览 2提问于2013-03-28得票数 1
我正在使用CSS样式表。当我运行我的网页时，会显示一个水平滚动条和垂直滚动条。我想在没有水平和垂直滚动条的浏览器中显示网页。如何根据浏览器页面设置页面的宽度和高度？
CSS代码：
body
{
margin: 0 auto;
padding: 0;
background-color: #000000;
}
#art-main
{
position: absolute;
width: 100%;
left: 0;
top: 0;
}
浏览 1提问于2009-12-27得票数 2
回答已采纳
1回答
时间输入字段间距问题
、、、
我正在使用IE8，并在Orbeon3.9CE版本沙盒中运行该表单。我注意到，在IE8上显示字段中的内容时，时间输入字段有一个小问题。输入日期后，表单将格式化日期并添加a.m或p.m作为结尾，但这些完整信息将覆盖位于字段最右侧的时间图像。请参见下面的屏幕截图。
但是，在较低版本的IE上不会出现此问题。我在兼容性视图上启动了表单，但看不到问题。
此外，只有当我有我的自定义字体和大小时这个问题才会发生。由于整个应用程序使用的是标准字体和大小，我也必须在Orbeon forms中使用它。
以下是示例代码
<xhtml:html xmlns:xforms="http:/
浏览 3提问于2012-10-17得票数 0
1回答
在上，我有一个双色调的背景。该页面的结构为：
<body>
<div id="upbg"/>
<div id="container"/>
</body
这个背景是通过向upbg添加暗背景图像和在身体上添加较亮的背景图像来实现的。upbg的css是：
#upbg {
background: #FFFFFF url(images/bg-dark.jpg) repeat-x scroll 0 0;
height: 275px;
left: 0;
position: absolute;
top: 0;
浏览 0提问于2009-03-14得票数 7
回答已采纳
2回答
我的网站在电话上打开时会放大。
、、、、
头
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,"/>
CSS
@media (max-width: 600px){
body{position: absolute; top: 0px; left: 0px; width: 420px;}
我的网站在电话上打开时会放大。
我怎么才能修好？
浏览 2提问于2017-09-09得票数 1
回答已采纳
我刚遇到一个奇怪的problem.Though，我没有在我的网站上使用任何媒体查询，当我调整窗口的大小时，我博客的侧边栏会向下移动，好像它是响应的，但是not.It应该保持原样。如何用css解决这个问题？
浏览 0提问于2013-10-26得票数 0
回答已采纳
在编写网站代码时，我会保存HTML和CSS文档，然后刷新浏览器以查看更改。然而，当我刷新时，可以看到HTML的变化，但是CSS的变化却看不到。相反，我需要做的是关闭窗口并重新打开它才能看到CSS的变化。
你知道为什么我不能只是刷新并看到CSS的变化，而不是关闭窗口并重新打开吗？
浏览 2提问于2013-08-31得票数 31
回答已采纳
2回答
因此，我正在为一个类构建一个站点，我在css中遇到了一个意想不到的问题。在较小的尺寸下，身体似乎扩展到视口之外。在将body width设置为100vw和100%而不做任何更改后，我不明白为什么会发生这种情况？ 您可能需要将代码片段复制粘贴到codepen中。Stack不允许我链接到代码:( 无论如何，你能告诉我解决的任何事情都会有帮助！ body{
width:100vw;
margin:0;
padding:0;
}
.page-wrapper{
width:100%;
height:100%;
disp
浏览 38提问于2019-12-10得票数 1
1回答
据我所知，vh和vw使用了可视视图的高度和宽度，即浏览器窗口的大小，并将其除以100。因此，如果您定义一个元素宽为100 to，它将始终跨越整个浏览器窗口，MDN称之为可视视图。
在我的网站上工作时，我发现一个设置为100 of的元素只占用了屏幕的一部分，而且只有在移动设备上才能看到--直到我打开铬设备工具栏时才会出现错误。
深灰色的<section>元素被设置为height: 100vh; width 100vw;，我也有
html,body {
height:auto;
width:100vw;
margin:0;
padding:0;
浏览 2提问于2019-08-02得票数 2
2回答
我有一个页脚，它被设置为100%宽，但是如果我缩小窗口的大小，就会出现一个水平滚动条，使用滚动条显示页脚右侧的空格.它不跨越100%的页面，只有视图。
<!doctype html>
<html lang="en" class="no-js">
<head>
<title>test</title>
<meta charset="utf-8">
</head>
<body>
<div id="container"
浏览 0提问于2010-11-05得票数 0
回答已采纳
2回答
我的站点上有一个问题，当我调整窗口的宽度:450 my时，会出现一些空白，并且窗口越小，空间就越小。这在某些手机上确实是个问题。然而，我需要滚动到右边，以看到火狐或铬，在pc上的空间。最糟糕的是，我手机的原生浏览器没有空间.(android)。
网站: start-track.fr
它是用法语写的，但是我们都说同样的语言，HTML和CSS。:)
代码是安静的大，所以我会编辑它，如果它真的有帮助。
编辑:截图：
浏览 2提问于2015-12-15得票数 2
回答已采纳
1回答
如果有人能帮我找出为什么会显示水平滚动条，我会很感激，因为我很难找到它。此站点使用引导程序，包含重写的自定义CSS位于/css/main.css中。
提前谢谢。
浏览 1提问于2014-11-30得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
