移动端适配1px的问题

客户问题描述：
移动端适配1px的问题
凯铧互联回复：
产生原因：与DPR(devicePixelRatio)设备像素比有关，它表示默认缩放为100%的情况下，设备像素和CSS像素的比值：物理像素 /CSS像素。 目前主流的屏幕DPR=2 （iPhone 8）,或者3 （iPhone 8 Plus）。拿2倍屏来说，设备的物理像素要实现1像素，而DPR=2，所以css 像素只能是 0.5。一般设计稿是按照750来设计的，它上面的1px是以750来参照的，而我们写css样式是以设备375为参照的，所以我们应该写的0.5px就好了啊！ 试过了就知道，iOS 8+系统支持，安卓系统不支持。
我常用的解决方案是 使用伪元素，为伪元素设置绝对定位，并且和父元素左上角对齐。将伪元素的长和宽先放大2倍，然后再设置一个边框，以左上角为中心，缩放到原来的0.5倍 除了这个方法之外还有使用图片代替，或者使用box-shadow代替，但是没有伪元素效果好。

本文适用于：
移动端适配1px

凯铧互联科技不单单可以优惠购买，还有免费技术服务提供，这样又靠谱又有技术服务的代理商不多了，推荐选择凯铧互联。关于阿里云代理商几折这个具体问题要问具体代理，代理公司不同可能价格也不同。

爆款产品   阿里云低至1折 http://www.alibjyun.com/process.html

为什么选择我们：北京凯铧互联科技有限公司（简称凯铧互联）由多名前阿里云资深技术专家创立,核心员工来自阿里巴巴、腾讯等,作为阿里云,腾讯云百度云,金山云，华为云重要的合作伙伴,专业从事互联网应用服务、云计算、大数据、人工智能、企业信息化建设，为企业用户提供基于大数据的企业上云解决方案。公司总部设在北京,并在内蒙设有办事处。凯铧互联以互联网基础服务为核心，以软件技术为推手，通过软件与互联网的结合，技术与行业认知的结合，提供针对互联网应用解决方案、及相关软件产品及服务。 针对各行业客户，特别是中小企业，提供安全、可靠、高质量、易扩展的行业解决方案和互联网应用，帮助客户实现信息化管理、数字化转型、企业上云等最佳实践，以满足客户业务发展的各种需求。行业解决方案涵盖的领域包括：电子、能源、文化、旅游、教育、机械、医疗、金融、餐饮等。公司官网：www.bjkaihua.com； 腾讯云网站www.bjkaihua.net.cn;  阿里云业务网站：www.alibjyun.com。