在我写的代码中，有两个问题我不确定如何解决：
页面在Google Chrome上的外观
当我放大和缩小时，我的两列div不能一起缩放。
如果我放大超过一定的数值，div就会打开它们的容器，完全扭曲网页。
相关的超文本标记语言和CSS代码，供任何想看它的人使用。
我希望当用户放大或缩小时，div可以在位置上放大或缩小。
编辑:第130行是相关的CSS标签，描述了我为这个页面编码的元素，其余的CSS来自Bootstrap，与这个问题无关()
浏览 0提问于2013-05-14得票数 2
回答已采纳
1回答
我有一张图片，里面有一个圆(用css3绘制)。
现在，当我放大/缩小图像时，我想保持圆在图像中的相同位置，以便当图像放大/缩小时，圆将平移，但我无法计算需要在图像放大/缩小时平移圆的坐标。任何建议！！
图像和圆是HTML中的兄弟元素
浏览 7提问于2016-04-04得票数 0
这里有两个div：
CSS代码：
#div1{
background-color: red;
display: inline-block;
width: 50%
}
#div2{
background-color: blue;
width: 20%
display: inline-block;
height: 263px;
float: right;
}
我尝试在浏览器(CTRL +/CTRL -)中放大/缩小后将这两个div设置在同一行中。问题不是在同一行设置两个div，而是放大/缩小，当我放大/缩小div时，长内容get的高度
浏览 2提问于2013-08-18得票数 0
1回答
我有一些代码来增加/减小字体大小。这让我头疼，因为每个浏览器实现$.css('font-size') ()的方式似乎不同。不过，让我很难过的是，Firefox的扩展还不错，但是当我使用下面的伸缩功能时，它就会放大。Webkit和IE都在按预期工作。对此有什么想法吗？
我把它放在这里：，在这里您可以看到它按预期工作，并且您可以在项目页面：上看到它被破坏。
专业编辑
对不起，问题不在于代码，而是firefox的错误行为。在我放大或缩小浏览器控件(ctrl + plus或ctrol +减号)之后，js就会失控。这种情况在其他浏览器中不会发生。这才是真正的问题。对此有任何建议吗？
浏览 3提问于2010-12-17得票数 0
回答已采纳
我使用以下函数来缩放div。当你缩小(向下滚动)时，它工作得相当好，但当你放大(向上滚动)时，currentZoom会跳到10而不是1.1。从那时起，你可以缩小，但你不能再次放大(我假设CSS缩放是有限的)。
我遗漏了什么？
$('#workArea').on('mousewheel DOMMouseScroll', function (e) {
e.preventDefault();
var currentZoom = $(this).css('zoom');
alert(currentZoom);
if (e.
浏览 2提问于2013-06-18得票数 0
回答已采纳
我正在使用HTML5/JavaScript框架在Windows 8中创建一个Metro风格的应用程序。我的问题是，当我在语义缩放时，如果我的用户按下按钮来放大或缩小，转换就不会像开始屏幕那样平滑。相反，用户收缩，然后语义缩放从放大转换到缩小。我希望它像开始屏幕一样，用户可以用手指控制如何缩小/放大内容，它可以在用户手指收缩的同时进行缩小和放大。有趣的是，包含了这种功能性，但没有。这是有原因的吗？有没有可能在不完全重写语义缩放的情况下实现这个功能。
我尝试过在视图上使用-ms-content-zoom CSS，但它不起作用。
非常感谢所有的帮助，我总是接受一个答案！
浏览 3提问于2012-11-20得票数 1
1回答
我的任务是创建一个放大和缩小javascript应用程序的图像，但对于可拖动的图像，当放大和缩小时，我必须将容器的查看中心保持在中心。我已经完成了缩放的一部分，所有的计算和保持左，上比例。使用此
$("#zoom").on("click", function (e) {
var container = $("#container");
var image = $("#container img");
var css = {};
css.height = image.height() + (image.height
浏览 11提问于2017-08-05得票数 1
我想知道如何强制安卓浏览器(最好是使用纯CSS3)在用户用手指放大/缩小时不更改视口的宽度？
我在页面上有多个针对不同视口宽度的媒体查询。但只要用户放大/缩小，页面视口宽度就会改变，因此页面的布局会被重新排序，我不认为会发生这种情况。我想让Android浏览器“记住”它的初始视口大小，当用户放大/缩小时，我希望Android浏览器只进行缩放，而不是改变视口大小。
使用CSS可以做到这一点吗？提前感谢您的帮助。
编辑:我的媒体查询：
@media only screen and (min-width : 800px) and (max-width : 999px) {
#content {
浏览 0提问于2012-01-08得票数 1
我在有固定位置按钮的网站上工作，它在桌面上的工作很好，但它可以保持按钮在移动设备上放大或缩小后的固定位置。或者可以在放大或缩小时重新定位按钮。
CSS:
.exit {
text-align:center;
}
.exit.btn{
position: fixed;
bottom: 40px;
}
HTML:
<div class="exit">
<a href="/" class="btn btn-blue">Exit</a>
</div>
浏览 2提问于2014-08-18得票数 0
2回答
当我放大一个使用css3的transition属性的页面时，比如宽度、高度、填充、边距等，当你放大和缩小时，元素将会转换。有没有办法禁用它？
JSFiddle：
更新的JSFiddle：
浏览 0提问于2013-05-20得票数 0
1回答
我已经使用react在我的地图上添加了一些弹出窗口，我想知道当用户放大和缩小地图时，是否有方法阻止它们缩放。我基本上想让它们和其中的文本保持地图完全放大时的大小，即使地图完全缩小也是如此。我是编程新手，但尝试使用不同的leaflet组件和不同的css选项，但都不起作用。谢谢你的帮助!
浏览 40提问于2020-11-02得票数 0
2回答
我有以下代码
<div class="c1">
<div class="d1">
<img />
<img />
<img />
</div>
</div>
1.标签中包含GIF图像。这些图像是透明的，其中一些部分用透明的黄色补丁突出显示。2.将css类应用于内部div类，并在css类的帮助下将jpeg类型的背景图像分配给内部div类。3.在css类的帮助下，外部div成为可滚动的。
我想在jquery的帮助下
浏览 1提问于2010-02-05得票数 3
5回答
我试图在用户悬停到图像时放大图片，并在用户鼠标移出图像后缩小图像的大小。
我有以下代码
$('#image_layout').on('hover','img',function(){
$(this).css('width','110%');
})
$('#image_layout').on('mouseout','img',function(){
$(this).css('width','90%');
})
我想从图像
浏览 1提问于2012-08-07得票数 1
回答已采纳
我有导航栏，然后下面有一个图像和一些div文本。当放大/缩小整个网站时，它不会缩小图像的大小。如何保持图像和图像文本的响应，同时放大或输出。
图像段
<section>
<img src="images/cover.jpg" style="width: 100%;" >
<div class="row img-heading">
<h1>Five Star Homes</h1>
</div>
</section>
图像Css
.img-hea
浏览 0提问于2018-03-30得票数 0
1回答
我正在运行以下代码片段： #mydiv{
width: 2px;
height: 2px;
border-radius: 50%;
display: inline-block;
margin: 100px;
background-color: red;
animation: wave 1s infinite;
}
@keyframes wave{
0%{
transform: scale(1, 1);
}
100%{
transform: scale(100, 100);
}
} <div id="mydiv&#
浏览 41提问于2020-10-09得票数 2
回答已采纳
1回答
我有一个有多个表格的网页，我遇到了一个问题，当你放大或缩小时，表格会重叠，并且到处都是浮动的。
我的CSS设置为position: relative，但将它们更改为absolute也会在放大时造成重叠。
浏览 3提问于2012-11-12得票数 0
我有一个弹出，它看起来像下面所附的图片：
在较小的分辨率(较小的屏幕/浏览器放大)下按钮消失。(见第二张截图)
如何设置css，以便始终显示按钮的底部部分，而单词的中间部分将根据其所具有的空间缩小？(“单词”是一个可滚动的列表，所以我不介意它缩小)
在较小的分辨率(较小的屏幕/浏览器放大)下按钮消失。
浏览 13提问于2022-08-12得票数 0
我有一个按钮，应该是在最右边的角落，所以我使用CSS，在100%缩放它很好，但当我给75%缩小，它显示在中间的按钮，我试着给position fixed / absolute / relative，但没有工作。 有人能帮帮我吗？ .btn-primary {
background: transparent;
border-color: #2980b9;
color: #2980b9;
margin-left: 653px;
position: relative;
} <button class="btn btn-primary btn
浏览 34提问于2021-04-27得票数 0
回答已采纳
1回答
在我的ASP.NET应用程序中，我使用了微软的图表控件，并生成了甜甜圈和条形图。
现在，我需要实现放大和缩小功能。
我在ASP.NET - microsfot图表控件中找不到任何默认的方法来实现这一点.
如果有人可以通过Javascript/JQUERY提出建议，如果可以的话，那就太好了。
下面是一些东西，可以放大放大，但它从实际大小减少，然后使它只是休息到实际大小。我需要放大尺寸才能放大。
$('#image').hover(function(){
$(this).css({width:"100%",height:"100%"})
浏览 3提问于2014-04-11得票数 0
回答已采纳
2回答
我正在设计一个网站，但面临着一个主要问题。问题是，按照我目前的解决方案，网站看起来没问题。但只要我开始在浏览器上放大或缩小(ctrl+ +，ctrl + -)，页眉和页脚中的内容就开始移动。
我希望导航项目和页脚内容保持其位置，即使页面被放大或缩小。
任何帮助都将不胜感激。css很简单，因此识别问题不会太麻烦。这是网址：
浏览 0提问于2012-12-23得票数 1
回答已采纳
我在应用程序中使用Three.js进行2D演示，因此我使用MapControls设置了一个正交相机。有一些添加到场景中的对象可以进行2D平移和放大/缩小。除了它们之外，我还有一个箭头对象，它必须是静态的，即从平移和缩放中排除。这个箭头将有一个特殊的形式和动画旋转，这就是为什么我不用CSS来绘制它。
我尝试了中的向导，并成功地限制了平移。
scene.add(camera);
...
camera.add(directionArrow);
但是当使用鼠标滚轮来放大/缩小时，箭头也会被放大/缩小。
这是一个复制最少的。
缩放时，三角形(箭头)应保持不动，就像平移时一样。
浏览 2提问于2019-07-08得票数 0
1回答
这个问题是关于非常基本的CSS功能，但我是一个菜鸟，所以请容忍我， 在css中，当设置元素的尺寸时，您可以使用视口格式(vh/vw)使元素填充页面的一部分： div {
height: 50vh;
width: 50vw;
} 这似乎不适用于文本。当对包含文本的元素使用上面的样式时，文本本身的大小似乎不受影响。 我需要实现的结果是保持文本的静态大小，即使在放大/缩小页面时也是如此。对于div等，可以通过使用viewport格式来实现，但div中的文本不受影响。 如何在CSS中将文本大小设置为静态，即使在页面放大/缩小时也是如此？
浏览 21提问于2020-09-09得票数 0
回答已采纳
我有一个地图图像，我想放大/缩小当我点击它。下面的代码放大了它，但是我想放大--在以光标位置为中心的图像中，并使水平滚动出现。如何仅用CSS完成此操作？
CSS
input[type=checkbox]{
display: none;
}
.container img{
transition: transform 0.25s ease;
cursor: zoom-in;
}
input[type=checkbox]:checked ~ label > img{
-webkit-transform: scale(2);
transform: sc
浏览 3提问于2016-10-05得票数 2
2回答
这个网站看起来非常好，虽然已经设法阻止用户通过浏览器工具增加/缩小字体大小。
如果您检查浏览器上的缩放Text Only选项，并尝试放大或缩小(通常是⌘+ /⌘-或ctrl+ / ctrl-)，您可以看到字体大小没有变化。
我怎样才能复制同样的效果？
我认为这将很好地防止项目从菜单或纯粹的布局基础上的元素，只留下主要文本受到影响。
浏览 2提问于2011-04-18得票数 4
回答已采纳
2回答
菜单放大并缩小宽度问题
、、、
我需要帮助调整水平菜单的宽度，放大或缩小。
Chrome 100%
Chrome 90%
这里我的Html & Css
[http://jsfiddle.net/DnyVS/][3]
浏览 0提问于2013-10-12得票数 1
1回答
在我正在开发的网络应用程序，我希望用户能够收缩放大和缩小一个高分辨率的图像。客户希望它能在iPads上工作，但如果它是多平台的话就更好了。
我的计划是创建1000px x 1000px的图像，并使用CSS在页面上以100px x 100px (例如)显示它。然后，用户将能够放大和缩小图像，以更详细地查看它。
我注意到，当放大图像时，大小会增加，但细节不会增加，因为Safari似乎会在呈现页面时调整图像的大小。我能做些什么来解决这个问题吗？
浏览 4提问于2011-09-06得票数 1
回答已采纳
2回答
我想显示放大和缩小图标(控件)时，在桌面上，并显示gps图标时，只有在移动浏览。当我在css中禁用控件时，我使用这个css ，所有控件图标都消失了。
浏览 2提问于2017-08-21得票数 0
回答已采纳
1回答
当我缩放网站时，它正在抓取。正如我所附的第一张图片没有缩放。而我附加的第二个屏幕是放大后的文件。所以，当我放大或缩小时，布局是拉伸的，那么如何在css中解决这个问题 1.这张图片没有缩放，布局也很好。正常屏幕 ? 2.放大屏幕 ? 请让我知道如何解决这个问题
浏览 29提问于2021-08-23得票数 1
2回答
我有一个网站运行这个插件..。
该函数允许使用CSS变换来放大和缩小图像，默认情况下有两个控件，放大和缩小。
我想添加一个重置控件，用于将图像恢复到缩放之前的默认状态。
我有以下几点...
$('.reset').on('click',function(){
$('.zoomer-holder').css(
'transform','translate3d(-50%, -50%, 0px) scale(0.2525, 0.2525)'
);
});
上面的代码在jsfiddle演示中运行良好，但当与
浏览 0提问于2015-09-01得票数 1
1回答
我正试图为一个div制作一个背景动画。
我希望它看起来像背景图像被放大到，就像这里：
为此，我希望能够通过jquery放大和缩小，如下所示：
$('.DIVNAME').css("background-size:", "3000px auto");
我只需要正确的代码
有什么想法吗？
谢谢:)
浏览 2提问于2013-08-25得票数 1
回答已采纳
2回答
滑块的CSS SVG动画
、、、
我这里有一个滑块的svg css动画的样机图像，并希望在css中实现这一点。
动画由具有当前数值的引出序号组成，应该从左到右或从右到左进行放大和缩小。
目前我还处于起步阶段，不知道该如何解决这个问题。对于我来说，主要的问题是如何放大或缩小这个气球，这样前面的气球就会重叠在背景中的两个气球上。
有没有人有类似的样本，或者可以给我指出正确的方向，如何解决这个问题？
太好了，谢谢！
更新：
请原谅我糟糕的绘画技巧，但我希望这能更好地解释它：
浏览 9提问于2021-12-03得票数 1
3回答
当一个按钮被点击时，我希望出现一个图像，放大(缩放)，缩小，然后消失。这是我到目前为止所拥有的-它做了我想要的一部分。单击按钮时，图像确实会放大/缩小，但它是从左上角而不是我想要的中心开始放大/缩小。
其次，我希望图像被隐藏，直到按钮被单击，但这也不起作用。我尝试将最初的显示设置为none，然后切换一个类以更改按钮单击时的可见性。一点也不快乐。
有谁能给我指个方向吗？我是不是漏掉了什么小东西？
谢谢你的帮助。
//Function that centers in viewport
jQuery.fn.center = function() {
this.css("positio
浏览 30提问于2017-07-22得票数 0
回答已采纳
1回答
我正在尝试创建一个居中的页面容器，当页面放大或缩小时，它将垂直延伸到整个页面。页面容器在缩小时可以完美地拉伸，但当我放大时，我可以在页面容器底部和浏览器窗口之间看到一个空间。我正在使用Chrome来测试我的CSS。
下面是HTML和CSS：
<html>
<head>
<style>
*{
margin:0px;
padding:0px;
}
body{
text-align: center;
padding:0px;
margin:0px;
height:100%;
}
#page{
margin: 0 auto;
background:rgba(
浏览 3提问于2011-09-06得票数 1
回答已采纳
我想把放大和缩小的颜色改成灰色，全屏按钮图标变成白色。但是，我不能用CSS改变颜色，因为这些图标的格式是SVG。可以换颜色吗？ ?
浏览 16提问于2020-12-31得票数 0
我在地图上显示了一些文字，我通过这个例子做了这个
如果放大，我需要看到更小的文本，当我放大时，文本应该更大。
mymap.on('zoomend', function () {
var zoomLevel = mymap.getZoom();
var tooltip = $('.leaflet-tooltip');
switch (zoomLevel) {
case -2:
tooltip.css('font-size', 7);
break;
浏览 2提问于2017-12-22得票数 1
回答已采纳
1回答
我想实现的效果，放大的背景图像，就像它是做。
我有一个占据整个页面的div。这里我有一个全屏幕的背景图像。我需要使图像放大和缩小，或从左到右移动，我尝试使用keyframes这是我第一次使用它们，所以我不确定如何在背景图像上实现放大的效果。使用我的代码，div中的所有元素都会被放大和缩小，而不仅仅是背景图像。我怎样才能避免这种情况，只让背景图像放大，而不缩小和影响页面上的其他元素？
这是我的css：
#app {
position: absolute;
height: 100%;
width: 100%;
background-image: url('/img/cove
浏览 2提问于2016-10-26得票数 0
1回答
我的网站是，我在首页有两个表格。当我在Chrome中一直放大的时候，窗体和背景都会向下移动很多。有没有人可以看看我的CSS和HTML代码，看看我是否做错了什么？而且，在IE中，background-size: cover在放大或缩小时不会覆盖整个屏幕。
浏览 2提问于2014-03-23得票数 1
2回答
当图像放大时，我正在尝试添加滚动条。我现在面临的问题是，我的图像不是完整的画布，我可以移动图像，即使它不放大或缩放。
我希望图像完好无损到画布，当它放大时，滚动条应该会出现。我已经将溢出添加到CSS中的auto。
#container
{
position: relative;
overflow:auto;
}
有时图像一开始并不显示，所以只需单击放大/缩小，它就会出现。
任何帮助都是非常感谢的
浏览 13提问于2014-06-12得票数 2
我正在使用Openlayers 2，并且正在创建一个地图应用程序。我使用的是apache cordova，所以它只是javascript/html/css。
它在大多数情况下都工作得很好，但当我多次放大和缩小(手指在触摸屏上)时，有时比例线会停止更新。移动地图和放大/缩小一些通常会让它重新开始。
我的问题是:有没有办法强制ScaleLine控件重绘(而不是在屏幕上随意移动和放大/缩小)。比如，有没有一个我可以运行的功能，比如说，点击一个按钮来强制重绘？
我试过了
map.Control.Scaleline.update();
map.Control.Scaleline.draw();
但它不起
浏览 19提问于2018-01-08得票数 1
回答已采纳
1回答
对不起，如果我的语气不好！这是我的HTML和CSS代码。
CSS:
#home article {
background: url(../images/top_bg.png) repeat;
height: 100%;
position: absolute;
text-align: center;
top: 0px;
border: solid 7px #FFFFFF;
width: 99%;
}
HTML:
<section id="home" data-speed="10" data-type="background" sty
浏览 1提问于2013-09-18得票数 0
回答已采纳
1回答
如何在放大浏览器时保留元素的默认大小。我的目标是保留元素的默认大小和位置，无论用户放大或缩小了多少百分比。
我遇到了一些有用的css属性，变换比例和变换原点，但我还没能实现我的目标。比例与缩放级别不匹配。
谁能给我点建议。
var defaultScale = 1.0;
var zoomLevel = document.documentElement.clientWidth / window.innerWidth;
var scale = defaultScale - (zoomLevel - defaultScale);
$('.popup-overlay').css(&#
浏览 0提问于2013-08-16得票数 0
1回答
iPhone特定的CSS
、、、、
我已经为移动设备的Wordpress站点创建了一个特定的样式表。由于某些原因，屏幕被放大到网站不可见的程度，而我无法缩小以进行全屏查看。
有没有我需要的设备的meta标签？目前我有这个。
<link media="only screen and (max-device-width: 480px)" href="<?php bloginfo('template_url'); ?>/css/mobile.css" type= "text/css" rel="stylesheet" />
这将允许
浏览 1提问于2012-09-26得票数 0
感谢您阅读我的帖子。
我正在使用Magnific的弹出-缩放功能。我想知道如何设置放大百分比，以及如何通过单击弹出的图像来进行3种不同程度的放大。
我只想澄清我的障碍:例如，我想点击magnific弹出图像，然后放大到120%，第二次单击，放大到150%，第三次单击，放大到180%，然后第四次单击，将缩小到100%。
有人知道怎么做吗？如果是这样的话，它对我帮助很大。非常感谢！
原始代码(有效)：
$('#img').magnificPopup({
delegate: 'a',
type: 'image'
浏览 0提问于2015-10-30得票数 1
我已经使用CSS缩放属性在95%左右，以放大该网站(为响应目的)。
html, body {
-moz-transform: scale(0.95, 0.95);
zoom: 0.95;
zoom: 95%;
}
然而，当我使用火狐的-moz-transform属性时，网站就会对中，所以在顶部有一个巨大的差距，网站就越放大。
当我在浏览器上使用cmd + 'scroll down'进行手动放大时，它会缩小，并且网站仍然与顶部对齐。
这就是发生的事情：
，这就是我想要发生的事情：
浏览 3提问于2015-12-18得票数 3
回答已采纳
1回答
缩放事件传播不停止
、、、
我在堆栈溢出中看到了很多相同的问题，我尝试了其中的一些问题，即使我的代码不像预期的那样工作，所以我发布了它。
我正在做一个简单的放大/缩小实现。但它并没有像我预期的那样起作用。
我的密码在这里
<!DOCTYPE html>
<html>
<head>
<script src="scripts/vendor/jquery.min.js"></script>
<style>
div {
width: 100px;
height: 75px;
background-color: red;
浏览 3提问于2014-10-06得票数 0
回答已采纳
1回答
我正在尝试禁用网页中的文档缩放功能。
我正在为运行在Windows 8上的笔记本电脑触摸屏创建一个网页，这个网页包含一个可拖动的div内的图片...用户拖放到容器中，然后应用程序应该允许他/她使用(手指或鼠标滚动)放大和缩小图像……每件事都很酷。但是，问题是，如果图像不能直接识别收缩(缩放)，或者用户将手指放在图像之外，文档就会开始放大和缩小。
我需要的是禁用文档缩放使用JQuery或css。请帮帮忙。
浏览 1提问于2014-08-09得票数 1
在最新的iOS 7.1中，原生相机应用程序可以在录制视频时放大/缩小，保存在照片中的视频确实显示了放大/缩小效果。
现在，我使用AVFoundation来实现自定义视频。通过使用videoMaxScaleAndCropFactor修改AVCaptureVideoPreviewLayer，我可以在录制视频时放大/缩小。但是，保存的视频不会显示放大/缩小效果。
有没有实现这个函数的提示？
浏览 19提问于2014-03-31得票数 6
3回答
我想在我的网站上做一个粘性的标题。我正在尝试跟随CSS，但是当我使用下面的CSS时，我的徽标会在移动设备上被放大。
网站网址：
CSS
@media only screen and (max-width: 768px){
header{
position: fixed !important;
top: 0px;
}
});
我在桌面上没有任何问题，但是在移动设备上，徽标得到缩放-- out.When我点击移动设备中的汉堡包菜单，徽标就会缩小。不仅是徽标，我的标题部分可以放大。请帮我解决这个问题。谢谢
浏览 5提问于2017-02-06得票数 0
1回答
如何使用jQuery和/或CSS实现放大/缩小动画？当您单击Join Now按钮时，我能想到的一个示例是。
我查看了，但他们没有提供这样的动画。
浏览 3提问于2012-11-11得票数 2
回答已采纳
23回答
我想放大和缩小一个安卓ImageView。我尝试了大多数示例，但在所有示例中，当我想放大和缩小ImageView时，ImageView中的图像本身都会被放大和缩小。我想在放大时增加ImageView的宽度和高度，在缩小时减少ImageView的宽度和高度。我该如何做到这一点？
浏览 0提问于2011-07-11得票数 122
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
