我的网站没有针对移动设备进行优化,但是我认为边框图像CSS仍然可以使用,不是吗?
这是我的CSS代码,适用于一些元素:
border-style: solid;
border-width: 6px;
-moz-border-image: url(images/general/border.png) 6 repeat;
-webkit-border-image: url(images/general/border.png) 6 repeat;
-o-border-image: url(images/general/border.png) 6 repeat;
border-image: url(images/general/border.png) 6 repeat;
桌面视图:
移动视图:
问题出在边框图像上
在中心帮助下将图像更改为空白和移动版本如下所示
很好用
码
Android 2.1以上
(with -webkit- prefix)
黑莓7.0
(with -webkit- prefix), 10.0+
铬15
(with -webkit- prefix), 16+
Firefox 15+
(with -moz prefix)
Android版Firefox
(with -moz- prefix)
iOS 3.2以上
(with -webkit- prefix)
Opera 10.5+
(with -o- prefix)
Opera Mobile 11.0+
(with -o- prefix)
Safari 3.1–5.1
(with -webkit- prefix) 6.0+
边框图像示例
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句