在手持设备上，图像太小，并且改变了比例。
我已经用HelpNDoc开发了这个帮助系统，但是我不明白为什么如果在PC上的一个调整大小的浏览器窗口上显示图像，那么图像最终会变得很小和扭曲。链接：
http://trucklesoft.co.uk/help/BriefOverview.html#Languages
在像iPad这样的小型设备上：
我的遗留帮助系统没有使用HelpNDoc创建：
遗留链接：
https://www.publictalksoftware.co.uk/msa/helponline/source/helpoptionsbriefoverview.htm
更新
下面是HelpNDoc自己的帮助系统：
https://www.helpndoc.com/sites/default/files/documentation/html/Styleseditor.html
他们的图像是正确的缩放！他们的max-width设置为100%，所以这不可能是原因。
更新2
我好像已经手动修好了-听着：
http://trucklesoft.co.uk/help/Authorization.html
我所做的就是除去图像的宽度和高度。然后它流动得很好。
回答 3
Stack Overflow用户
发布于 2018-05-31 13:29:02
看上去你的内容在你提出问题后发生了变化，但从你的截图来看，它看起来像是放在表格单元格里的。它的CSS规则表明它必须有一个max-width: 100%，这意味着它必须适合它的容器，不管它的宽度。如果表格单元格在较小的屏幕上被调整大小，它所包含的图像也是如此:这就是导致问题的原因。
要解决这个问题，您有多个选项：
- 强制表格单元格始终为特定大小，即使在较小的设备上：
- Right click on the cell in HelpNDoc's topic editor
- Click "Table properties"
- In the "Cells" tab, choose a "Preferred width" in pixels
- 删除此图像或所有图像的
max-width: 100%：
- Click the top part of the "Generate Help" button in HelpNDoc's "Home" ribbon tab
- Select your HTML build
- Click "Customize"
- In the "Template settings" tab, locate the "Custom CSS" item
- Add a custom CSS code such as `#topic-content img {max-width: none}`
然后确保再次生成HTML文档。
Stack Overflow用户
发布于 2018-05-30 12:30:57
也许使用视口高度和视口宽度可以解决这个问题。试试看！
Stack Overflow用户
发布于 2018-05-30 13:23:07
由于您已经在映像上设置了映射，并且映射没有响应，因此您需要对图像使用固定大小(198 on )，但是引导程序会在所有子元素上设置max-width:100%。因此，如果您有一个大小较小的<td>，图像也将调整为其父级的100%宽度。其结论是为<td>设置一个固定大小，为图像本身设置一个width:100%：
<td valign="middle" style="padding: 10px;width:198px;">
<p class="rvps4">
<img alt="" style="padding:1px; width:100%" src="lib/MAP_MNU_Options.png" usemap="#57DA0D7BD5934A4491D380D9F8AD74BD">
</p>
</td>https://stackoverflow.com/questions/50604573
复制相似问题
腾讯云开发者
