移动浏览器中的边框不均匀

Question

我正在开发一个响应式网站，并且有很多带1px边框的元素。在移动设备（具有高dpi）中，边框看起来不均匀且模糊。我知道这是因为屏幕的DPI很高。任何解决方案？

image http://i61.tinypic.com/1z89bs.jpg

编辑：

CSS
.search_bar{
    width:40%;
    height:28px;
    font-size:13px;
    outline:none;
    border:0px;
    padding:0px;
    float:left;
    background:#fff;
    line-height:12px;
    font-size:14px;
    text-indent:9px;
    letter-spacing: normal;
    text-align: start;
    text-rendering: optimizelegibility;
    text-shadow: none;
    text-transform: none;
    word-spacing: normal;
}

HTML
<input name="" class="search_bar" type="text" placeholder="Search">