iphone – iPad webkit border-image css渲染问题

前端之家收集整理的这篇文章主要介绍了iphone – iPad webkit border-image css渲染问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在网站上使用border-image css属性在iPad上有奇怪的渲染工件(假设所有ios设备都有相同的问题).它实际上是根据css添加了很少的线条,其中图像被切片.参见图片作为参考:

做某些事情会导致线条消失,例如放大或移动我应用它的div.我假设这是移动游猎中的渲染错误,但有没有人对如何修复它有任何想法/建议?

我可以补充一点,这在所有支持属性的桌面浏览器中都能正确呈现:safari,chrome,firefox等.

最佳答案
我很确定如果您在桌面版上使用Safari放大/缩小,您会看到同样的问题.有时你是缩放像素的一部分而webkit并不真正知道如何处理子像素.

尝试添加到你的脑袋:

<Meta name="viewport" content="initial-scale=1">

这样,默认视图就会很好.您也可以禁用缩放,但我不推荐它,除非它是专门为iPad设计的网站.

猜你在找的CSS相关文章