Question

我正在使用Photoshop切片-是的，是的，这是2018年，我们不再需要切片和表格布局...除非需要这样做。我的形象是一幅非常大的习惯艺术作品，我必须在其中识别50多个人物。

因此，我将需要识别的所有人员切成薄片，并创建了Photoshop的html表格和图像布局。除了Windows 10上的Chrome浏览器，所有功能都可以在所有浏览器和平台上正常运行！请问有人对发生的事情有任何见识吗？

请不要将此问题标记为下。如果我做错了什么，或者您有建议，请告诉我。

<table id="Table_01" width="2187" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">

* {
  margin:0;
  padding: 0;
}
#Table_01 {
    width: 2187px;
    height: 3649px;
    margin: 0;
    font-size: 0;
}
table td { 
    font-size:0px !important;
    line-height: 0px !important; 
}
img { 
    display:block !important; 
    vertical-align: top;
    float: left;
}

我正在临时发布我的网站here。

Answer 1

在我看来，您似乎已经在较大的屏幕尺寸显示器（例如计算机显示器）上找到了它，但是在较小的屏幕尺寸上，一切都出错了。您需要做的是使用Google的响应式设备工具栏功能，找出图像开始遭受的屏幕尺寸变化，然后创建媒体查询以定位不合适的屏幕尺寸。 https://www.w3schools.com/css/css_rwd_mediaqueries.asp-此链接将为您提供有关媒体查询的快速介绍（它们非常容易掌握）。目前，您的代码只是假设所有屏幕尺寸都将发挥相同的作用，而事实并非如此；-）

如果遇到问题，可以随时提出任何后续问题！

Answer 2

S。我不得不放弃整个方法。 Windows 10似乎无法帮助您在图像之间没有空白的情况下渲染复杂的表。我最终使用Adobe Fireworks制作了大图像地图。然后，当然，我不得不放弃Bootstrap工具提示，因为它们不适用于图像映射。我改用了jqueryui工具提示。

html：

IF Exists(SELECT CustomerID FROM HistoryTable WHERE CustomerID=#####) UPDATE ... ELSE INSERT ...

Windows 10上的表格渲染添加空白

2 个答案: