解决CSS-1像素边框显示很粗的方案
发布在APICloud移动应用开发平台2015年6月12日view:5079HTML5css3
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

当然这个方法不是唯一的,如果你有更好的方法不如分享分享!

今天突然看到 ”某品会”的手机网站那边线好细,好细. 于是就用电脑查看了下元素,下面是Demo!

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<style>
 div{position: relative;height: 50px;width: 100%;font-size: 2em;color: #000;line-height: 50px;}
div:before {
  content: ""; position: absolute;bottom: 0;left: 0;right: 0;
  border-bottom: 1px solid #c8c7cc;
  -webkit-transform: scaleY(.5);
  -webkit-transform-origin: 0 0;
  pointer-events: none;
}
</style>
<body>
        <div>看!边框是不是变细了? </div>
</body>
</html>
评论
发表评论
4年前

也有用无边框图片做的,我在某东上找到的,无demo。

WRITTEN BY
PUBLISHED IN
APICloud移动应用开发平台
  • 7天开发APP,重新定义移动应用开发。
  • 可以帮助开发者快速实现移动应用的开发、测试、发布、管理和运营的全生命周期管理。
  • 云API:减少70%服务器端编码工作量,同时提供推送、云修复、大数据分析等服务。
  • 端API:“积木拼装”式的开发跨平台APP,为APP开发者提供大量优质的原生模块,涵盖UI、系统、交互、影音、支付等类型的原生模块。
  • 模块store:“模块Store”通过提供“1+1”的服务(一站式+一键集成),让APP开发以及第三方服务SDK的集成变得非常简单,可以像逛超市一样在APICloud“模块Store”挑选自己中意的第三方服务,只需在线一键绑定,就可以实现不同服务的快速集成。
  • 官方网站:www.apicloud.com

我的收藏