IE错误: SVG标记在视口外部可见
是指在Internet Explorer浏览器中，当SVG（可缩放矢量图形）标记的位置超出了浏览器视口范围时，仍然可见的问题。
SVG是一种基于XML的矢量图形格式，可以在网页中实现丰富的图形效果。然而，IE浏览器对SVG的支持相对较弱，存在一些兼容性问题，其中之一就是SVG标记在视口外部仍然可见。
这个问题可能会导致图形显示不正确或者超出预期的范围。解决这个问题的方法是通过CSS或JavaScript来控制SVG标记的位置和尺寸，确保其在浏览器视口范围内。
在解决这个问题时，可以考虑以下几点：
- 使用CSS：通过设置SVG标记的位置属性（如top、left、transform等）来调整其在视口中的位置。可以使用CSS的媒体查询来适应不同的屏幕尺寸和设备。
- 使用JavaScript：通过JavaScript动态计算SVG标记的位置和尺寸，确保其在视口范围内。可以使用JavaScript的事件监听器来实时监测浏览器窗口大小的变化，并相应地调整SVG标记的位置。
- 使用响应式设计：采用响应式设计的方法，根据不同的设备和屏幕尺寸，调整SVG标记的位置和尺寸，以确保其在不同设备上都能正确显示。
- 使用腾讯云相关产品：腾讯云提供了一系列与云计算相关的产品和服务，可以帮助开发者解决云计算领域的问题。例如，腾讯云的云服务器（CVM）可以提供稳定的服务器运行环境，腾讯云的云原生容器服务（TKE）可以帮助开发者快速部署和管理容器化应用。
总结起来，解决IE错误: SVG标记在视口外部可见的问题，可以通过CSS或JavaScript来调整SVG标记的位置和尺寸，确保其在浏览器视口范围内。同时，可以考虑使用腾讯云的相关产品和服务来支持云计算领域的开发工作。
参考链接：
相关·内容
1回答
据我所知，SVG平移转换将坐标偏移给定的X和Y。因此，如果在(80,100)处绘制某个对象并应用平移(-10，-10)将在(70,90)处绘制对象。
也就是说，我有一个页面宽度为744x1052的SVG文件。其中一个组标签应用了转换的转换(-5774.2676,3117.0866)。我想要理解的是，这并不是完全脱离了整个页面(它确实不是)。有人能帮我解决这个问题吗？
浏览 0提问于2012-03-15得票数 0
回答已采纳
我在使用D3和SVG显示滚动图例时遇到了一些问题。我的图例根据数据的不同而不同，可以是任何范围。从1到150
这里有一个简单的实用小提琴：
在Chrome上:一切正常，滚动也很好，但在IE中，容器显示的高度较小，所有的图例都显示得非常小，没有滚动条，最大高度永远不会命中。
我在某处读到IE不能正确确定SVG高度，因此我们必须使用相对定位并提供初始高度。
我已经尝试将相对和绝对定位应用为
.legend-main-div{
height:0;
padding:40%;
position:relative;
}
.SVGClass{
top:0;
bottom:0;
浏览 2提问于2017-04-26得票数 0
2回答
场景:我有SVG图像，我可以放大和放大。根据缩放，我将在可见部分显示更多/更少的细节。
问题是:我应该注意不显示当前不可见的部件的详细信息(在屏幕外)，还是渲染引擎足够聪明，在呈现这些部件之前跳过(剪辑)这些部件？
浏览 0提问于2011-07-17得票数 6
回答已采纳
1回答
我正在开发一个web应用程序，它使用了相当多的大的、复杂的图像作为背景和前景插图。我倾向于使用SVG而不是光栅图形，因为它的可伸缩性和允许的动态交互。但一些较大的图像非常复杂(数千条路径，用Inkscape绘制)。
使用这种大小的SVG图像(在性能方面)的实用性如何？是否有特定的技术(例如，一种嵌入方法优于另一种嵌入方法)可以在下载和渲染速度方面有所不同？
浏览 0提问于2012-09-29得票数 4
我正在使用现代opengl，我的目标是调试一个视图截体剔除。为了实现这一点，我创建了另一个视区，这样我就可以在我的主程序中移动时查看我的整个模型和我的锥体移动。
它是有效的，但仍然有一种奇怪的行为我不明白...我的视口是：
glViewport(0,0, screenWidth, screenHeight)
//render my program with motionned camera
glViewport(screenWidth/2, screenHeight/2, screenWidth/2, screenHeight/2)
//render my MotionLess Camera
浏览 0提问于2017-08-24得票数 0
我基本上有一个SVG标志，有很多透明的空间，我想把整个东西链接到另一个页面。如果它是一个alpha PNG，我只会将整个东西包装在一个中，然后就完成了，但是当我包装所有的透明区域时，没有一个是链接的。
<svg width="100px" height="52px" enable-background="new 0 0 750.72 391.873">
<a xlink:href="http://www.mysite.com" id="anchor">
<path fill-rul
浏览 1提问于2012-05-24得票数 2
我有一些动画svg插图，当用户滚动到它们时，它们会在视口的宽度上绘制出来。
它们在正常的屏幕尺寸下工作得很好，然而，我的同事2560x1440显示器没有将SVG dasharray显示到正确的长度。描述它的最好方法就是展示它：
在我的MacBook视网膜显示屏上：
更宽的显示范围：
我有一个测量页面上路径长度的脚本：
let lineLength = this.getTotalLength()
$(this).css('stroke-dasharray', lineLength)
$(this).css('stroke-dashoffset', li
浏览 0提问于2019-08-28得票数 0
2回答
我刚开始读的书，在例子2-2中有一些东西我不明白。“HTML文件中的内联SVG”。
字体大小“看妈，同样的字体！”文本比“这里又是普通的HTML .”更大，而两者的样式都是相同的，实际上没有-样式化，并且使用了默认值。这是示例中的代码(也是)：
<head>
<style>
svg {
display:block;
width:500px;
height:500px;
margin: auto;
border: thick double navy;
浏览 3提问于2017-06-17得票数 0
回答已采纳
1回答
SVG路径未按预期生成动画的问题
、、、、
我正在使用关于内联SVG的this视频教程作为参考。我正在尝试复制这样的效果:使SVG行看起来像是从它的中点拉出来的。视频中的方法和我的方法之间的唯一区别是，在视频中，SVG行具有预定义的长度，而as我的行的长度是可变的。 这种方法背后的想法非常简单。您可以创建一条任意大小的SVG线条，然后将其笔划-dasharray属性设置为'0，length/2‘，并将其笔划-dashoffset属性设置为'-length/2'，这样一开始根本不会绘制该线条，其’起点‘被设置为它的中点。然后，当相关的输入字段被聚焦时，您可以将dasharray属性更改为'length，0
浏览 9提问于2021-04-28得票数 0
1回答
我想要一个SVG注释随着容器的缩小而缩放。在滚动中，我的容器缩小它的高度(它的宽度保持不变)。该容器包含我想要的SVG注释变得可缩放，但其下半部分变为不可见/截断。 如果我(通过CSS)使用我的SVG作为背景，我可以这样做，但我更喜欢将SVG内联到HTML中。 我尝试使用SVG属性的各种值preserveAspectRatio..。我认为它的价值xMidYMin slice会切掉我的SVG的底部(就像我想要的那样)，但它却挤压了它的高度。 我的容器是245x80px，在滚动上缩小到245x40px。 我的svg元素具有属性viewBox设置为0 0 245 80，并且没有width或者hei
浏览 64提问于2021-02-25得票数 1
回答已采纳
2回答
SVG标记占用额外空间
、、、
所以我在HTML5中的SVG元素遇到了一个奇怪的大小问题。它占用的空间比我想象的要多得多。图像中的每个小矩形都是一个宽度和高度均为"20“的矩形元素。
SVG元素的高度和宽度应为20*10 = 200，但尺寸应为680x508。
您可以在此处查看已检查的svg元素->
HTML如下所示：
<svg>
<rect x='0' y='0' height='20' width='20' stroke='black' stroke-width=''/>
浏览 0提问于2012-11-03得票数 5
回答已采纳
Chrome剪辑我的SVG图形时，我放大。火狐和IE9没有。
这一切为什么要发生？
。有一个<div>里面有一个<svg>，
<svg>的高度为100%。
如果你在Chrome中放大，你会注意到<svg>被截断了，越高越高，越高，你越放大。
)我怎样才能避免呢？我正在考虑记住最大x和y值，并显式地设置<svg>宽度，这似乎是可行的。)
更新
现在，我找到了一个解决办法:计算浏览器缩放因子，然后用反向缩放因子将每个<svg>放大--然后它们就变得足够大了。就像这样：
if ($.browser.webkit) {
//
浏览 2提问于2012-02-11得票数 3
我有一个简单的HTML文件：
<body>
<div class="container" id="main"></div>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="https://unpkg.com/topojson@3"></script>
<script src="./wdicgeo.js">
浏览 0提问于2021-09-03得票数 1
1回答
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<body>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
id="test1"
height="1000px"
width
浏览 0提问于2012-02-23得票数 4
回答已采纳
我开始使一个网站的设计响应，从SVG标志开始。根据，我为viewBox,preserveAspectRatio, x, y, width和height添加了吸引符。
我有很多问题，但让我困惑的两个问题是：
1)当我缩小浏览器时，导航链接就会消失(即使徽标保持相同的大小)，然后通过中间断点，SVG就会变得巨大。
为什么svg会如此大幅度地调整大小？
2)我现在的viewBox是viewBox="0 0 349 54"。当我将这些数字减到0 0 175 25时，svg就会变大。当我把它们加到0. 3500 540时，图像就变小了。但有时，数量减少会使尺寸变小。更改这些数字
浏览 3提问于2017-06-02得票数 0
回答已采纳
1回答
我的程序中有一个JTable，我想改变JTableHeader的颜色。我使用以下代码完成了此操作
JTableHeader header = table.getTableHeader();
header.setBackground(Color.WHITE);
但是，当我拖动标题时，我注意到标题后面有一个灰色区域，如下图所示。
如何将其设置为白色以使其与我的JTableHeader相匹配
MCVE
import java.awt.Color;
import java.awt.GridLayout;
import javax.swing.JFrame;
import javax.swi
浏览 5提问于2016-11-19得票数 2
回答已采纳
我有一个可调整大小的div。它有两个内部div。其中一个内部div中有一个svg元素。
在svg元素中，我动态地添加和删除内容，以便每次在svg中添加内容时。我通过增加20px来增加它的高度，当我删除它时，我减去20px的高度。当我的svg高度大于其父div时，父div中会出现一个滚动条。类似地，当svg高度小于父div时，滚动条被移除。
当我调整大小时，问题就开始了。我已经在我的svg中添加了一个viewbox选项来调整大小。但是当我增加大小时，我的一些svg元素是不可见的。当我减小大小时，我的svg被放置在一个较低的位置，留下了空白空间。
如何用viewbox属性处理svg的位置/高度，这
浏览 0提问于2012-07-27得票数 9
回答已采纳
1回答
我已经编码了两个圆圈，它们出现在屏幕的角落，中间有一个'+‘。但是，当我更改屏幕时，圆圈和'+‘不会修改以适应新屏幕的尺寸
我看过以前在这里提出的关于这个主题的问题，这是我发现的有用的问题。然而，svg中的对象仍然不能响应屏幕大小的变化
<html style="width:100%;height:100%;">
<body style="width:100%;height:100%;margin:20;">
<svg width="1380" height="820">
浏览 22提问于2019-07-16得票数 0
回答已采纳
我想缩放SVG图像以适应页面大小(反之亦然:裁剪页面以适应内容)。这可以使用here中描述的inkscape来完成。然而，没有gui，似乎就没有办法做到这一点。通过命令行使用操作和谓词总是需要GUI。有没有其他方法可以将其存档？
浏览 29提问于2020-06-29得票数 0
1回答
SVG属性viewBox 看起来不一致。似乎是，它并不是以相同的方式缩放所有SVG图形原语。下面是一个示例SVG文件，它有一个矩形、一个circle、一个polyline和一个polygon。矩形已适当缩放，几乎填充了viewPort ( width为500，height为500)。
请看下面的SVG代码和图像。您将注意到，polyline、polygon和circle没有缩放以填充视图端口。但是，它们(始终)占据了视图端口的左上角(移动但保留了原来的大小)。有人能说明一下这是怎么回事吗？我将非常感谢您的反馈。
<?xml version='1.0' encoding=&
浏览 0提问于2017-11-07得票数 1
回答已采纳
我有一个基于SVG的网站预加载器。我不能使它响应。它没有假设父母的完整尺寸。我想要缩小它，以便它可以根据视口的高度来调整大小。https://codepen.io/toughyear/pen/zYxWJOj <div >
<svg
xmlns="http://www.w3.org/2000/svg"
width="449.000000pt"
height="470.000000pt"
viewBox="0 0 449.0000
浏览 11提问于2020-01-10得票数 1
目前，我有一个径向梯度作为我的背景和模糊效果。在没有尺度效应的情况下，它在整个梯度周围有白色的边缘。为了解决这个问题，我缩放了整个渐变，这很好，除了它将页面扩展到右边，并且允许用户左右滚动。
以下是相关代码：
.gradient{
height: 75%;
width: 100%;
background: radial-gradient(62.61% 62.61% at 95.23% 6.02%, #160E71 0%, rgba(19, 13, 92, 0.26) 54.71%, rgba(90, 35, 248, 0) 100%), linear-gradient(
浏览 2提问于2022-12-02得票数 1
1回答
如何将物品按角度弹出？
、、、
我有以下数据数组：
public tools: Tool[] = [
{ image: './assets/img/OpenFolder.svg', title: 'Upload' },
{ image: './assets/img/Save.png', title: 'Save' },
{ image: './assets/img/Printer.png', title: 'Printing' },
{ image: './assets/img/Delete
浏览 4提问于2022-09-06得票数 -3
回答已采纳
1回答
目前，我有一个图像，它是灰度化的，直到悬停，然后它淡入全色。我在这里的另一篇文章中找到了这个CSS，从而达到了这个效果。
img.grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'>
<filter id=\'grayscale\'>
<feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.333
浏览 2提问于2014-11-27得票数 0
因此，目前，我正在创建一个模式，是在中间的页面的位置绝对。问题是，当我调整我的溴化物的高度，只有高度，它会推动模态上升，触摸屏幕的顶部，甚至通过它。我只想知道怎样才能阻止这一切。
.modal-container {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 9;
}
.callLogForm__container {
position: absolute;
top: 0;
left: 0;
浏览 16提问于2022-03-26得票数 2
1回答
我试图旋转一个T恤设计师项目的SVG，但边缘的SVG被切断。SVG的代码如下：
在旋转之前(在这里一切都是正确的)
<g xmlns="http://www.w3.org/2000/svg" transform="scale(2,2)rotate(0,50,50)" id="clip1">
<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xml:space="pre
浏览 6提问于2013-07-18得票数 3
我的网站包括5个div(代表绿色框)。每行应该有3行，您可以在这里查看我的演示站点：
IE8不支持媒体查询，但我正在使用respond.js作为解决方案。但我不能让它起作用。
我使用的媒体查询是：
@media screen and (max-width: 1320px){
.block{
width: 45%;
margin: 0 15px;
margin-bottom: 30px;
min-height: 670px;
max-height: 670px;
overflow: hidden;
-webkit-border-r
浏览 0提问于2015-02-13得票数 1
回答已采纳
我通过数据源绑定，VisibleRowCount固定为27，但应该有50个条目(datatable.rowcount返回50)。
你知道我做错了什么吗，或者我可以尝试做什么来让所有行都可见？
浏览 0提问于2012-12-31得票数 0
回答已采纳
1回答
我正在阅读一个w3c ，并试图理解画布和视图之间的区别。
他们说：
画布是呈现格式结构的空间。
同时他们说：
视口是屏幕上的窗口或其他观看区域。
这两个定义没有说明什么是画布，什么是视图。有人能给出一个明确或解释的定义吗？
浏览 2提问于2012-12-06得票数 3
1回答
我有以下生成的测试-SVG(摘录)。
<svg _ngcontent-dhk-c13=""><g _ngcontent-dhk-c13="" hccard="" _nghost-dhk-c12="" ng-reflect-card="[object Object]"><rect _ngcontent-dhk-c12="" id="8261337b-fb4b-4ac9-a213-0d86cc3dc604" width="100" heigh
浏览 4提问于2022-07-27得票数 0
1回答
我在viewbox里面有一个图形(svg)，如果图形比viewbox大，它会缩小以适应，但如果图形比viewbox小，它就不会均匀拉伸以填充viewbox中的最大区域。
我不明白为什么preserveAspectRatio="xMidYMid meet“不是我想要的。
感谢您未来的回答
浏览 2提问于2012-02-23得票数 1
1回答
我的HTML页面设计如下
右侧地图和左侧超过25个位置。一旦页面加载，所有25个位置都绘制在地图上，当窗口滚动时，地图上的标记对于窗口视图中的位置变得很大。
如果所有的地点都在同一个城市、州或国家，一切都很好。但如果地点来自全国。然后地图变得小，可以显示所有的位置。
我想要的是map不应该变小，而是应该部署所有的位置，但是应该在地图上显示第一个位置。，当我们滚动到下一个位置时，Map应该移动到那个标记。
我的位置标绘代码
function loadHeremap(element){
var platform = new H.service.Platform({
'
浏览 2提问于2020-07-07得票数 0
1回答
当我调整窗口的尺寸时，我的原点不在左上角。而2d坐标不在像素坐标中：
glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
rnd::initDraw();
glMatrixMode(GL_PROJECTION);
glPushMatrix();
glLoadIdentity();
glOrtho(0.0, mainPanelx, mainPanely, 0.0, -1.0, 10.0);
glMatrixMode(GL_MODELVIEW);
//glPushMatrix(); ----Not sure if I need th
浏览 0提问于2013-11-04得票数 0
回答已采纳
我通过img标签使用SVG，它不想通过Firefox & IE加载。这就是测试现场。
您可以通过搜索一个名为"mask“的类在html中找到SVG。通过标记将SVG直接放入我的html中是可行的。这里也有一个直接的链接。
我已经查看了40-50个类似的问题，人们都经历过，但还没有找到解决方案。我不知道为什么它不能加载。
浏览 2提问于2015-01-25得票数 0
我是一个非常新的前端网络开发，我只是试图解决这个问题，因为前端团队(这是一个大学项目)正在努力解决这个问题。
我们正在开发使用laravel，它有许多预先制作的类，这样您就不必对它们进行编码(例如，您可以做flex，溢出-x隐藏等等)。不要担心，如果你不知道它是什么，我可以采取正常的HTML并为它找到等效的laravel类。
The issue
我需要父div的宽度是屏幕宽度的百分比。如果你看下面的图片，你会看到一个绿色和红色的容器。
他们都坐在一个父容器里。例如，我希望父容器是屏幕宽度的70 %，这样它就可以根据屏幕大小进行缩放。然而，当我应用类似最大宽度的东西时，它什么也不做。
浏览 1提问于2021-09-04得票数 0
回答已采纳
我在网上找到了这个SVG文件，我想要与Raphael一起使用，所以我着手获取路径的d属性，并将它们放入JS对象中。在代码中，我循环遍历JS对象并创建Raphael路径。当我在浏览器中打开文件时，什么都不会显示，我也不知道为什么。
我认为它与SVG文件有关。在我下载的SVG文件中，每个组( g标记)都有一个transform属性。如果我从g标记中删除该属性并在浏览器中打开SVG文件，则不会出现该组。所以，当我复制路径时，似乎失去了一些东西。
我不知道怎么才能找到拉斐尔的路，有什么建议吗？
资源：
浏览 1提问于2012-06-09得票数 1
回答已采纳
1回答
所以我有多个相同类的div，每个div都在下面。我现在想在每次访问者滚动到一个新的div时触发一个“加载评论”-function。然而，我不知道如何跟踪jQuery滚动到div上。每个div的注释应该只加载一次，我的想法是将当前位置保存在一个变量中，只有当新的滚动位置大于旧的滚动位置时才加载注释。
你能帮帮我吗？
编辑:我创建了一个显示我需要做的事情的图像。图片来源：
编辑2:已解决！使用Viewport解决(感谢Royi Namir)
我的代码：
load = $(".my-div:in-viewport").attr('id');
load_comment
浏览 0提问于2011-12-19得票数 1
回答已采纳
1回答
svg在不同设备上的后台定位
、、、、
背景中有两个圆，一个在左上角，一个在右下角。对于台式机，这是可以的，但对于移动设备，它应该是设计中的样子。我不明白如何解决这个问题。你能帮个忙吗？ 给定的设计： ? 我所做的： ? 背景圆位置不正确 Github - github body {
background: url('images/bg-pattern-top.svg'), url('images/bg-pattern-bottom.svg'), #19a2ae;
background-position: -80% 50%, 170% -40%;
background-r
浏览 21提问于2021-09-04得票数 0
1回答
SVG路径的转换
、、
我使用SVG路径绘制两个角材料树组件之间的连接线。我有一个问题，因为当我展开树节点时，路径向上或向下移动，但我希望它保持在相同的位置。当我折叠树节点时，我希望将路径从子节点移动到父节点。
我试图转换:转换或矩阵，但我不知道如何计算值。
我应该使用转换或编辑路径的"d“属性吗？？
我就是这样创建svg的：
createSVG() {
let svgContainer = document.getElementById('svg-main-container');
this.svg = document.createElementNS("http://www
浏览 0提问于2019-04-04得票数 0
回答已采纳
1回答
为什么需要视口？一个视图不是很吸引人吗？有什么关系？ 我在我的程序中有一个在很久以前创建的视口，我甚至忘记了它就在那里……现在我想要多阶段渲染，我想知道我是否需要另一个。并且Viewport mdocs页面没有详细说明如何以及为什么(或者我是盲人)。
浏览 74提问于2020-11-03得票数 0
回答已采纳
将这段SVG直接嵌入到与DTD XHTML 1.0 Strict一起提供服务的XHTML体中
<svg>
<circle cx="150" cy="150" r="150"/>
</svg>
使用Chrome在上查看此示例(我使用的是11.0.696.57)可以看到一个完整的圆圈。
使用Firefox查看相同的jsfiddle (我使用的是4.0.1)。可以看到相同的圆圈，但在垂直方向上被切成两半。
(请注意，我已经在Firefox的其他版本、不同的文档类型和包含SVG内容的不同方法上看到了完全相同的行
浏览 0提问于2011-05-08得票数 10
回答已采纳
2回答
我想得到我的客户的浏览器高度，并将它放在我的css。
以下是我的主要html：
<div class="picture" id="picture1">
<div class="parallax"><img src="assets/img/header-wrap-bg.jpg"></div>
</div>
图片类结构：
.picture {
height: /*(Here i wanna place browser height)*/;
}
这是我的活动：
浏览 2提问于2017-01-22得票数 1
回答已采纳
我想得到一个QT的感觉，并决定写一个小十六进制编辑器。为此，我需要一个小工具，允许滚动。经过一些研究，我发现QTextEdit是从QAbstractScrollArea派生出来的。在阅读QAbstractScrollArea的文档时，我发现了"setViewport()“方法，其描述为”QAbstractScrollArea将拥有给定小部件的所有权。“这不适合于自行显示自身的小部件的上下文。它只适用于QScrollArea的上下文。
在QT中创建一个带有滚动条的小部件来显示自己的内容的合适方式是什么？
浏览 1提问于2012-08-13得票数 2
回答已采纳
1回答
我正在通过svg渲染一个三角形。当它是全宽时，它会粘在div的顶部，但如果我把窗口变小，多边形就会下移。我试图找到一种方法把它贴在顶端，但没有成功。
下面是代码。
<div>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width=&
浏览 1提问于2013-10-15得票数 0
2回答
有时，当我调用：
$(window).width();
返回的值是错误的(在除IE之外的所有浏览器上，在IE上总是正确的)。我用下面这句话：
$('div.container p').text($(window).width());
更改p元素的文本，以便在调整窗口大小时可以看到返回的值。下面是一个返回值错误的例子：
在右上角，你可以看到Chrome的实际尺寸。
我注意到当值错误时，总是会减少17px。
请注意，返回的值并不总是错误的，因此在大多数情况下，窗口看起来应该是正确的。
帮助!
浏览 3提问于2015-06-01得票数 15
回答已采纳
我创建了我的rails应用程序来响应。它在页脚上有最明显的不同，对于手指较大的人来说菜单变得更加友好。
当我在Firefox中测试我的应用程序时，我缩小了宽度，移动样式是可见的，如下所示：
但是，当我在iOS模拟器中进行测试时，我得到了以下结果
我的第一个直觉是检查头部的viewport元标记。
在RefineryCMS中，这似乎是默认设置：
<meta charset='<%= Rails.application.config.encoding %>' />
<!--[if IE]><meta http-equiv=&
浏览 1提问于2013-09-19得票数 0
我创建了一个像这样的示例瓦片地图，我对如何在瓦片地图的中心或特定位置显示相机感到困惑。
输出如下所示。如何使相机显示平铺地图的中心，以及如何使图像显示得更小
浏览 2提问于2015-07-10得票数 4
1回答
嗨，我在IE8上查看了我的网站，发现当页面底部没有元素时，我放的梯度代码不会填满整个页面。渐变效果很好，但最大化时不会延伸到浏览器的最底部。我放了进去
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01aef0', endColorstr='#9bd5eb', GradientType=0); zoom:1;
我尝试使用zoom:1；但不起作用:C
有谁知道解决办法吗？
浏览 7提问于2012-03-03得票数 2
回答已采纳
1回答
我有一个SVG，我想用它作为身体的背景。如果我希望我的背景延伸到最大的维度，然后填充其余的内容，我应该使用什么CSS：
Case 1:如果浏览器的视图宽度> viewheight，使svg取视口高度，保持高宽比( 1:1)，然后在水平上重复，直到身体完全覆盖。
案例2:如果浏览器的视图宽度<viewheight(通常是网站的移动版本)，则让svg获取视口的宽度，保持高宽比( 1:1)，然后在垂直上重复，直到身体完全覆盖为止。
我试图在没有JS的情况下获得这个结果，但是如果不可能的话，JS也是一条路。谢谢!
浏览 0提问于2017-04-19得票数 0
回答已采纳
1回答
我正在尝试使用以下标记：
body
#container
#content
其中正文是全宽的，背景捕捉到右下角。
其中容器的宽度设置为960px，最小宽度为600px，位于页面的左上角。
其中内容的设置宽度为600px，并且也位于页面的左上角。边距为"100px 0px 0px 100px“
当我尝试这样做时，主体看起来很好，背景附件滚动位于右下角。但是，当浏览器的大小调整到小于960px的宽度(或容器元素的任何其他宽度)时，主体停止在浏览器的宽度处，从而泄漏出子元素。
我希望主体始终至少是子元素的宽度，而不是断开。我没有浮动的元素，这可能会破坏页面，所以我不明白它为什么会这样。
浏览 0提问于2010-10-18得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
