2012-05-26 70 views
0

我为网站设计了一个内容框,并在桌面上看起来不错。但现在我想把它放在手机上。
你可以在这里看到一个只有相关html + css的例子http://pastehtml.com/view/bze2phhwn.html
在我的智能手机上,我发现边框半径在1-3px的圆角中断了(它显示背景色而不是边框​​颜色)如果放大一点,您也可以在浏览器上看到这种效果。它的奇怪之处,因为如果你放大一点点进去,你会发现这种效果并不总是存在。所以我认为它不是我的坏HTML + CSS。

可能是什么问题?拐角处的边界半径中断

+1

你的“智能手机”是什么?它在iPad上运行良好,所以我认为它也可以在iPhone上运行。 – Connor

+0

我有一个三星galaxy 3(240x400px,是它的狗屎),这意味着android。你试过缩放吗? – Tearsdontfalls

+0

我确实尝试了缩放。我没有任何Android设备可以测试,对不起。 – Connor

回答

0

,我认为这是一个错误为好,但我找到了解决...犯错也许会被认为是一个黑客。这里是我的问题的图像:

http://i909.photobucket.com/albums/ac298/roboyak/missingBorder_zpsbhftdfmd.png

所以我的故事是,我正在从父网页强加给我一个reset.css样式表。 td元素是从CSS片得到以下样式:

table tbody tr td { 
    border-bottom: 1px solid #ccc; 
} 

很久以前,当我开始我的声明我的表以下规则推翻了这种风格的项目:

table tbody tr td { 
    border-bottom: none; 
} 

在努力解决我的问题我注意到边界底部的规则显示为“中等无”而不是无。我添加了下面的代码,并且边框不再被破坏。

table tbody tr td { 
    border-bottom: none none; 
} 

本质上讲,这打破了规则,使边境再次亮起所有TD的这不是我想要的,但我认为这可能给一些洞察到发生了什么。