在网站上使用border-image css属性在iPad上有奇怪的渲染工件(假设所有ios设备都有相同的问题).它实际上是根据css添加了很少的线条,其中图像被切片.参见图片作为参考:
做某些事情会导致线条消失,例如放大或移动我应用它的div.我假设这是移动游猎中的渲染错误,但有没有人对如何修复它有任何想法/建议?
我可以补充一点,这在所有支持该属性的桌面浏览器中都能正确呈现:safari,chrome,firefox等.
最佳答案
我很确定如果您在桌面版上使用Safari放大/缩小,您会看到同样的问题.有时你是缩放像素的一部分而webkit并不真正知道如何处理子像素.
尝试添加到你的脑袋:
<Meta name="viewport" content="initial-scale=1">
这样,默认视图就会很好.您也可以禁用缩放,但我不推荐它,除非它是专门为iPad设计的网站.