Radius Border在桌面上工作，但它在Mobile.Nhat我需要为移动设备工作。 [英] Radius Border Is Working In Desktop But Its Not Working In Mobile.What I Need To Do For Mobile.

问题描述

我写的代码如下：



.maindiv，deviceWidth {

border：1px solid black;

显示：内联块;

转换：翻译（40％，5％）;

-moz-border-radius：15px;

-webkit-border-radius：15px;

-khtml-border-radius：15px;

border-radius：15px;

margin-bottom：10px;

margin-top：-50px;

text-align：-webkit-center; ！重要;

}



radius border在桌面上工作，但它不能用于mobile.what我需要为mobile.please引导我尽快。

谢谢

i written the code as follows:

.maindiv, deviceWidth {
border: 1px solid black;
display: inline-block;
transform: translate(40%, 5%);
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
margin-bottom: 10px;
margin-top:-50px;
text-align: -webkit-center; !important;
}

radius border is working in desktop but its not working in mobile.what i need to do for mobile.please guide me as soon as possible.
Thanks

推荐答案

我不知道为什么手机不理解 border-radius 。请尝试以下方法，

I don't know why mobile doesn't understand border-radius. Try the following,

border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;

让我知道它是否有效。



-KR

Let me know if it works.

-KR

这篇关于Radius Border在桌面上工作，但它在Mobile.Nhat我需要为移动设备工作。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！