Javascript 水平滚动仅在iphone中添加base64图像时显示

在响应html页面中使用angularjs上传base64图像并动态嵌入img标记后，会出现水平滚动。 除了iphone设备肖像模式（在landscap模式下工作正常），它在所有设备上都工作正常。 我还使用了viewport来避免水平滚动。 我尝试了css中几乎所有可用的东西，包括图像上的内联css和它的父div，但似乎没有任何东西适合我

正文{
溢出x：隐藏；
}
.上传图片库{
显示：内联块；
位置：相对位置；
最大宽度：470像素；
溢出：隐藏；
}
.上传图片\u图库图片{
最大宽度：80px；
最大高度：50px；
保证金：5x10px 0px 0px；
边界半径：4px；
}
.上传图片\u库。上传图片\u项{
位置：相对位置；
边缘顶部：5px；
右边距：12px；
浮动：左；
}
.上传图片\u图库i.fa-close{
颜色：#fff；
背景：#a94442；
边界半径：50%；
填充物：2个3个；
字体大小：11px；
位置：绝对位置；
右：2px；
顶部：-5px；
光标：指针；
}

---

问题是画布大小，在将图像转换为base64水平滚动后，我将画布宽度的大小缩小到250px，问题就解决了

var限制值=250；
var客户比率=数学最小值（极限值/宽度、极限值/高度）；
如果（宽度>高度）{
如果（宽度>限制值）{
宽度=极限值；
高度=高度*客户比率；
}
}否则{
如果（高度>极限值）{
高度=极限值；
宽度=宽度*客户比率；
}
}
画布宽度=宽度；
canvas.height=高度；
var ctx=canvas.getContext（“2d”）；
ctx.drawImage（原始图像，0，0，宽度，高度）；
返回canvas.toDataURL（类型、质量）