如何让CSS缩放元素不影响页面滚动条？

文章/答案/技术大牛

发布

1回答

html、css、scrollbar、transform、bounding-box

我正在尝试有一个元素的大规模CSS变换动画，使其出现/消失。变换的尺寸很大，因为在变换期间，元素可能会变得比屏幕大，因此会影响滚动条。我希望它不影响滚动条，同时仍然允许页面有滚动条(所以body / overflow: hidden不是一个选项)。这将是一个通用的效果，因此我无法控制效果将运行的页面布局。我能想到的最好的办法是有一个完整的页面div，并隐藏溢出，然后在那里运行效果，然而这意味着将

浏览 95提问于2020-10-28得票数 1

回答已采纳

1回答

获取CSS比例转换以更改垂直滚动条？

html、css、css-transforms

我试图使用CSS比例变换缩小或缩小为一个元素。我可以适当地缩放。但是，只有水平滚动条受转换的影响。垂直滚动条不是。 transform-origin: top left;<div class="wrapper"> <p>LargeText</p>

浏览 2提问于2019-03-10得票数 0

2回答

如何在不创建滚动条的情况下使用画布元素填充浏览器窗口？

javascript、html、fullscreen

} this.initCanvas();}game.run();CSS问题是，我有一个垂直和水平滚动条。这意味着帆布的尺寸太大了。如何使它的窗口大小，而不出现滚动条？

浏览 0提问于2012-12-13得票数 0

回答已采纳

2回答

explorer:使用transform:scale缩小后删除剩余空格

css、internet-explorer、transform、scale

如果使用css缩放(和缩放)缩小(小于1)，在explorer 9和10中，周围的元素仍然将其内容区域视为原始大小。让我用小提琴来演示一下：我如何解释资源管理器除了内容之外它不需要滚动条？jquery解决方案也是可以接受的。

浏览 0提问于2013-05-27得票数 1

回答已采纳

3回答

SVG填充宽度到子元素

javascript、html、css、svg、resize

我想让我的容器SVG元素缩放，以便适合它的子组元素，或者让它在溢出时显示滚动条。我想知道是否有一个css属性来做到这一点。width:500px; overflow-x:scroll;"> <g width="1000"></g></div> 我<e

浏览 0提问于2014-05-04得票数 4

3回答

QWebView的布满窗口宽度

qt、word-wrap、qtwebkit、qwebview

请告诉我，你知道如何使用Qt使其成为可能吗？这不是隐藏水平滚动条，而是一个“适合宽度”的特性。

浏览 5提问于2009-09-29得票数 1

1回答

缩放元素以适应浏览器窗口

css、layout、cross-browser、positioning、vimeo

有问题的页面是这样的： (密码: tyma) -这是我正在制作的一张新专辑的预发行页面，抱歉！任何关于一个好的可靠的方法的建议都会非常感谢。另外，由于我使用的是Virb，所以我只能覆盖CSS，所以我不能删除行。非常感谢。

浏览 1提问于2013-06-05得票数 0

6回答

如何平移/缩放HTML内容？(即谷歌地图、WordSquared)

jquery、html、google-maps

我希望在页面上平移/缩放HTML内容，就像Word^2 (wordsquared.com)一样，但我找不到jQuery插件或其他任何帮助。我是不是忽略了一些简单的东西？我真的不知道从哪里开始。

浏览 1提问于2011-03-31得票数 2

回答已采纳

2回答

当容器元素被内联元素填充时，浏览器如何决定是启动新行还是扩展容器？

html、css

假设我有一个容器元素，它的行几乎装满了inline或inline-block元素，如果不调整大小，就无法容纳另一个内联元素。浏览器应该如何决定它是否可以调整容器的大小、扩展它并将新的inline元素放到同一行中，或者它是否应该中断该行并将新的inline元素置于现有元素之下？如果为容器元素或其父元素设置了width或max-width属性，这是非常简单的，但是如果这些属性都没有设置呢？此外，我对一个特殊情况感兴趣:如果容器<

浏览 4提问于2014-05-02得票数 9

回答已采纳

1回答

有没有办法在CSS中获得基于整个页面而不是可见窗口的绝对定位？

jquery、css、html、css-position

我目前有一个运行全屏画布元素的HTML页面。在这个画布元素中，我绘制了填充整个页面的各种内容。在调整页面大小时，绘制的内容的大小也会进行调整，以便填满整个屏幕。但是，一旦达到某个最小大小，绘制的内容就不再进行调整，而是向页面添加溢出滚动条。现在，我正在尝试在画布上添加一个新元素，该元素永久固定在相对于画布右下角的位置。在画布重新缩放时，为div设置postion:absolute;样式效果很好。然而，一旦页

浏览 3提问于2012-04-12得票数 0

回答已采纳

1回答

css:显示基线上的所有浮动文本(可变字体大小

html、css

有什么css技巧可以让任意大小的文本出现在一个具有float:left和另一个具有float:right的元素内的子元素的基线上？我希望它们都出现在相同的基线上。我希望有一个仍然使用float:left；float:right的解决方案，因为我仍然想要它在用户缩放页面</e

浏览 0提问于2012-09-28得票数 0

回答已采纳

3回答

如何缩放页面而不显示页面的父组件(主组件)中的滚动

css、reactjs、flexbox、material-ui、scrollbar

我想要构建一个看起来像窗口应用程序的页面。这有一个问题，当我放大页面时，它会在主页上显示一个滚动条。我将主页(父页面)的参数设置如下。宽度:100，高度:100主页(父)的第一个css代码。我使用的材料-ui的造型。breadCrumb: {}, hei

浏览 5提问于2021-02-20得票数 1

回答已采纳

1回答

在1920年x 1080和3840 × 2160上，我的网站怎么能看起来一模一样呢？

html、css、firefox、responsive-design、scale

但是，我如何才能在3840 × 2160笔记本屏幕上实现相同的结果，这样它看起来就会和1920年的x1080笔记本完全一样吗？ ..。因为网站只会延伸到外部布局。类似于缩放每一种字体、图像或任何没有按百分比定义的东西。在我的头脑中，有一个想法，如果你可以阻止网站扩展范围超过192 if (密度)，并填补空白的比例缩放内容，但听起来是疯狂，有什么建议吗？

浏览 0提问于2019-06-11得票数 0

回答已采纳

1回答

如何在html java页面中将标记固定在静态图像上

javascript、jquery、html、css、jsp

: 0; left: 0;"/></div>使用上面的代码，它似乎是在屏幕上锁定标记，而不是在静态图像上。

浏览 14提问于2016-09-22得票数 1

2回答

如何减小网站的整体字体大小？

css、wordpress、fonts、themes

假设我们有一个WordPress主题(例如)，如何在不影响任何其他属性的情况下减小所有页面元素的字体大小？所以我想知道，减小网站上所有字体大小的最简单方法是什么，而不必单独调整每个CSS类别。

浏览 4提问于2014-09-22得票数 3

1回答

100%高度与浏览器缩放

css、drupal、browser、zooming、user-experience

我们在Drupal网站上开发了一个使用面板和视图幻灯片的页面。有很多绝对和固定位置的元素，因为它们需要在页面上的位置。父div需要具有100%的宽度和高度才能填充页面。请记住，这个页面的重点是没有滚动条，无论用户的屏幕尺寸如何，都可以将所有内容呈现给用户。因此，我让媒体查询清理需要在特定屏幕尺寸上的元素。有没有什么JavaScript或其他东西可以利用100%的高度/宽度，并允许它们在浏览器缩放时扩展到<e

浏览 0提问于2012-10-31得票数 5

回答已采纳

1回答

如果盒模型不受影响，为什么在转换元素时会发生溢出？

css、css-transforms

将转换应用于元素，对我来说，总是意味着盒子模型没有移动，元素只是视觉上的移动。

浏览 1提问于2015-02-08得票数 3

回答已采纳

1回答

放大时的分页符- HTML / CSS* /浏览器问题*

html、css、zooming

我有一个简单的页面，使用两栏的页面布局，在缩放时中断。这就是--试着用cmd+放大：非常感谢您的帮助。

浏览 0提问于2012-08-18得票数 0

回答已采纳

2回答

如何通过屏幕高度而不是浏览器高度来设置高度

css、position、height

例如，我如何设置div容器的高度为屏幕高度的60%？如果不调整浏览器窗口的大小，则在css中将高度设置为60%效果良好。但是如果我缩小浏览器窗口，div也会相应地缩小。提供了一个很好的例子。“任务完成”，灰色部分始终是相同的高度，无论浏览器窗口如何调整大小。如何确保这一点？我不想使用px来确保HiDpi支持。谢谢,

浏览 3提问于2017-11-09得票数 0

2回答

不裁剪的CSS图像缩放

html、css

当我按下ctrl+scrolling缩放页面时，图像会从页面、屏幕上缩放出来，然后被裁剪掉。当我缩放页面时，如何才能像amazon.com或其他网站一样，页面不会被裁剪，而是在浏览器底部看到一个水平滚动条？/* css */<div

浏览 0提问于2011-07-31得票数 1

回答已采纳

点击加载更多