如何解决border为1rpx在ios部分机型上会出现某一边的border不显示

在某些 iOS 设备上，使用 1rpx 边框时可能会出现某一边的边框不显示的问题。这是因为 iOS 设备的屏幕像素密度比（device pixel ratio）不同于 CSS 像素密度比（CSS pixel ratio），导致使用 1rpx 边框时无法准确渲染。

要解决这个问题，可以尝试以下方法：

1. 使用图片代替边框：将边框效果制作成图片，然后作为元素的背景图或者使用伪元素(::before或::after)来显示边框。这样可以确保边框在不同设备上显示一致。

2. 使用 JavaScript 动态计算边框宽度：通过 JavaScript 获取设备的像素比（device pixel ratio），然后动态计算边框的实际像素值。可以使用 `window.devicePixelRatio` 属性来获取设备的像素比。

   var dpr = window.devicePixelRatio || 1;
   var borderWidth = 1 * dpr + 'px';

然后将计算出的像素值应用到边框样式中。

   .border {
     border: solid #000;
     border-width: 1px; /* 给老版本浏览器一个默认值 */
     border-width: 1 * dpr + 'px';
   }

3. 使用第三方 CSS 解决方案：有一些第三方 CSS 解决方案，例如 postcss-pxtorem 和 postcss-write-svg，可以自动将 rpx 或 px 单位转换成适应不同设备的单位，并解决边框显示问题。

以上是一些常见的解决方法，你可以根据具体情况选择适合的方式来解决 iOS 设备上边框不显示的问题。