这是 my page
我的上述网页的 CSS 在桌面浏览器上看起来很好,但是在移动浏览器上,食物成分周围的边框显示不正确:
相关 CSS:
.page_title {
text-transform:capitalize;
text-align:center;
}
.food_list {
text-transform:capitalize;
}
.listing {
text-indent:10px;
margin-right:1500px;
margin-left:10px;
color:black;
background-color:lightblue;
border-radius: 10px 20px 30px 40px;
-moz-border-radius: 10px 20px 30px 40px;
-webkit-border-radius: 10px 20px 30px 40px;
-khtml-border-radius: 10px 20px 30px 40px;
}
.ul {
list-style:none;
}
p {
text-transform:none;
}
p span {
display:block;
}
最佳答案
试试这个:
.listing {
text-indent: 10px;
margin-left: 10px;
color: black;
float: left;
background-color: lightblue;
border-radius: 10px 20px 30px 40px;
-moz-border-radius: 10px 20px 30px 40px;
-webkit-border-radius: 10px 20px 30px 40px;
-khtml-border-radius: 10px 20px 30px 40px;
}
h2{
clear:both;
}
关于html - css 无法在移动浏览器上正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20171446/