IOS android 1px边框

最新推荐文章于 2025-09-10 14:51:55 发布

转载最新推荐文章于 2025-09-10 14:51:55 发布 · 93 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yudishow/p/5059496.html

文章标签：

#移动开发

本文介绍如何在iOS和Android平台中实现1px边框效果，并通过CSS伪元素blockh3来实现这一目标。具体步骤包括设置内容容器的样式、使用绝对定位和transform属性调整边框显示。

IOS android 1px边框

.block h3:after {

content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
border-bottom: 1px solid #ddd;
-webkit-transform: scaleY(.5);
-webkit-transform-origin: 0 0;

}

.block h3:after {
content: "";
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
border-bottom: 1px solid #ddd;
-webkit-transform: scaleY(.5);
-webkit-transform-origin: 0 0;
}

posted on 2015-12-19 17:57 资江河畔阅读( ...) 评论( ...) 编辑收藏

转载于:https://www.cnblogs.com/yudishow/p/5059496.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33812433

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

1px边框的产生与解决方案总结

01-28

1391

原文链接: https://juejin.cn/post/6844903456717668359 在之前的项目中，UI告诉我说我们移动项目中的边框全部都变粗了。原谅我的近视眼，为什么我看不出什么差距了，结果UI把他的设计稿跟我的屏幕截图跟我看，居然真的不一样！！！没有办法，只有在后面的版本中去修改了，但是要改的话，需要知道是为什么。所以查了很多资料，终于搞懂了这个问题，并且总结了几种方法。造成边框变粗的原因其实这个原因很简单，因为css中的1px并不等于移动设备的1px，这些由于不同的手机有不同的

一个封装好的Android仿Ios ActionSheet控件

Sure_Min的博客

01-13

3814

这次还是带来一个Android仿Ios风格的控件。Ios里有个控件叫ActionSheet，就是那种从下往上弹出的选项卡，比如下面这个效果： UI在设计效果图的时候，添加图片、选择性别之类的功能经常会这么设计，ios那边有个ActionSheet可以用，a

参与评论您还未登录，请先登录后发表或查看评论

1px问题在ios与android,Retina屏幕下1px边框实现（兼容ios和android）

weixin_42561910的博客

05-28

257

1px的边框在devicePixelRatio = 2的retina屏下会显示成2px1. 使用 scale(0.5)需要使用到:after伪元素.border {position: relative;}.border:after {content: " ";position: absolute;top: 0;left: 0;width: 200%;height: 200%;border-bott...

ios苹果机系统的1px边框不显示

weixin_61256270的博客

02-28

2113

写行内样式 <div style="border: 1px solid #000"></div>

移动端1px 问题解决方案

Absurd_people的博客

03-08

1449

移动端1px 问题产生的原因，以及解决方案

微信小程序 0.5px的border在ios上显示粗细不均匀的解决方法

花花世界的博客

04-12

1291

不再是直接style里面添加0.5px的border，而是内部添加一个view，把border通过伪元素绘制出来，宽高是200%、边框是1px，通过缩放0.5倍，绘制出和父视图一样的粗细的border，在ios上也能保证粗细一致。方便给border定位。

ios苹果机系统的1px显示解决方案

weixin_34290000的博客

12-07

699

1px边框在iPhone高清屏下，其实会变成2个物理像素的边框。 /* 解决一像素问题 */ .navigation:before{ content: ""; pointer-events: none; /* 防止点击触发 */ box-sizing: border-box; position: absolute; width: 200%;...

移动端高清1px方案

08-12

标题“移动端高清1px方案”所涉及的知识点主要是如何在移动设备上实现细腻的1px边框或线条，保持视觉上的精确感。描述中提到了“安卓提供了vw-no-android-hd版本”，这里涉及到vw单位。vw（viewport width）是CSS3...

Android基础控件——EditText的自定义、高仿iOS的UITextField

06-27

本文将深入探讨如何自定义EditText以及如何在Android应用中实现与iOS平台上的UITextField类似的视觉效果和功能。一、EditText的基础用法 EditText控件的基本使用涉及到XML布局文件中的声明和Java代码中的实例化。...

css实现0.5像素的边框的示例代码

09-24

因此，本方法主要适用于iOS设备和那些支持CSS3缩放属性的Android浏览器。由于文档内容来源于OCR扫描，文中可能存在识别错误或遗漏。然而，即使存在某些文字识别上的问题，根据上下文仍然可以推断出文章的核心内容...

mobile web retina 下 1px 边框解决方案

weixin_34355715的博客

06-05

257

http://www.tuicool.com/articles/ZRv6bun 再谈mobile web retina 下 1px 边框解决方案时间2015-01-03 12:03:31Hugo Web前端开发原文http://www.ghugo.com/css-retina-hairline/ 主题WebKitiOSCSS 本文实际上想说的是i...

小程序的小bug（三）--------------------border 1px 在iphone6下显示的问题

yuanye12215619的博客

06-01

7061

不仅仅是小程序手机端h5均为如此，所以可以采用以下方法//如果是竖线。用个div代替.border { height: 80rpx; width: 0.5px; background-color: #999; align-items: center;}这样就可以了...

iphone上实现1px的border

shidaping的博客

09-05

1343

最近在做手机网页时，设计师ui review的时候，跟我说我写的边框不对，他要的是1px而我写的是两相素。但是我明明就是写的1px, 后面查了一下资料，发现iphone上是可以写小数的！也是说0.5px才是retina屏幕上的真正1px！（设计师真是相素眼，没事不要惹设计师！） .test{ border: 0.5px solid grey; }

【Android】Android中MainHandlerUtils工具类

子冉冰清的博客

09-08

412

更新 UI→延时任务→取消任务→remove()同步获取结果（会阻塞） →异步获取结果（推荐） →。

原生hybrid缓存优化策略与混合开发技术分享

weixin_43837268的博客

09-10

870

本文系统分析了主流移动端WebView优化技术方案，涵盖浏览器缓存策略（HTTP缓存、WebStorage、IndexedDB）、离线化技术（全局/私有离线包架构）、跨平台框架（ReactNative、小程序、Flutter）三大方向。重点对比了各方案的核心优势、适用场景及平台支持情况，其中ReactNative适合快速跨平台开发，小程序利于流量分发，Flutter则提供原生级性能。缓存策略建议组合使用HTTP缓存+IndexedDB+LocalStorage。文章为移动端技术选型提供了系统性的决策参考，帮

Android网络之WIFI技术网络模型概述

STCNXPARM的博客

09-07

995

1、IEEE802家族IEEE802家族是由一些列局域网(Local area network，简称LAN)技术规范所组成的，802.11是其中之一。IEEE802规范的重心放在OSI模型的最下面两层，因为它们同时涵盖了物理层(physical，简称PHY)与数据链路层（data link）组件。2、为啥IEEE802重点是定义数据链路层和物理层？与OSI模型的关联？

2025-09-08升级问题记录：app提示“此应用专为旧版Android打造..”或“此应用与最新版 Android 不兼容”

sig321的专栏

09-09

255

需要升级原生库，即so文件，增加64位原生库方可，并在编译时增加。因为大部分的手机需要app支持64位，纯32位的app会逐渐淘汰。2、此应用专为旧版 Android 系统打造。它可能无法正常运行，也不包含最新的安全和隐私保护功能。请检查是否有更新，或与应用开发者联系。因为app的TargetSDK与硬件的SDK差距过大，才会提示。1、此应用与最新版 Android 不兼容。请检查是否有更新，或与应用开发者联系。针对第一个错误：与最新版 Android 不兼容。从安卓源码中可以搜索到。

Dart “兼顾开发效率与跨平台一致性”

09-08

539

Dart 是一门由 Google 设计的跨平台语言，与 Flutter 深度绑定，核心优势在于高效的跨平台开发能力（移动端、桌面端、Web 端）、优雅的异步编程模型（Future/Stream）、强类型与空安全保障，以及前后端语言统一的便利性。然而，其生态主要集中在 Flutter 领域，非 Flutter 场景（如后端、大数据）的库资源不足，且脱离 Flutter 后应用有限。Dart 适合需要多端复用的 UI 开发和小型全栈项目，但对于高性能后端、专业领域或资源敏感场景，可能存在局限性。选择与否需根据具

如何将大型音频文件从 iPhone 发送到不同的设备