51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
短视频 免费课程 课程排行 直播课 软考学堂
全部课程 厂商认证 IT技术 24年11月软考 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库

1px 边框解决方案1
<!doctype html><html lang="en" ><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,
Java
原创
wg_iGBFcBFB
2021-07-28 15:27:25
218阅读

1px 边框解决方案 2
<!doctype html><html lang="en" ><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,
Java
原创
wg_iGBFcBFB
2021-07-28 15:27:13
116阅读

1px
Retina屏的移动设备如何实现真正1px的线？ if (window.devicePixelRatio && devicePixelRatio >= 2) { var testElem = document.createElement('div');...
html
移动设备
scala
JAVA
转载
mb5ff409fbbe221
2015-09-18 16:47:00
175阅读
2评论

移动 web 1px 边框解决方案
在移动端web页面开发中，为了使css中使用的尺寸与设计稿一致，通常会采用 rem 单位配合 lib-flexible 来实现移动端的适配，在IOS设备上 flexible.js 会根据设备的分辨率动态的调整 viewport 的 width 和 scale 来达到目的。 但是，现在很多的安卓手机也
html
伪元素
安卓手机
ios
宽高
转载
mb5ff2f19eb6087
2017-03-29 13:25:00
46阅读
2评论

移动web 1px边框解决方案
在移动端web页面开发中，为了使css中使用的尺寸与设计稿一致，通常会采用 rem 单位配合 lib-flexible 来实现移动端的适配，在IOS设备上 flexible.js 会根据设备的分辨率动态的调整 viewport 的 width 和 scale 来达到目的。但是，现
移动端 web开发 边框
转载
张宏凯
2017-05-05 15:05:39
341阅读

解决移动端1px边框最好的方法
1px 边框问题的由来 苹果 iPhone4 首次提出了 Retina Display（视网膜屏幕）的概念，在 iPhone4 使用的视网膜屏幕中，把 2x2 个像素当 1 个物理像素使用，即使用 2x2 个像素显示原来 1 个物理像素显示的内容，从而让 UI 显示更精致清晰，这 2x2 个像素叫做 ...
css
解决方法
伪元素
圆角边框
iphone
转载
mb5fe94870638be
2021-07-27 15:17:00
133阅读
2评论

1px 不转rem 1px问题怎么解决
一、为什么会有1px问题要处理这个问题，必须先补充一个知识点，就是设备的 物理像素[设备像素] & 逻辑像素[CSS像素]；　　物理像素：移动设备出厂时，不同设备自带的不同像素，也称硬件像素；　　逻辑像素：css中记录的像素。在开发中，为什么移动端CSS里面写了1px，实际上看起来比1px粗；了解设备物理像素和逻辑像素的同学应该很容易理解，其实这两个px的含义其实是不一样的，UI
1px 不转rem
html
scala
f5
转载
imking
5月前
110阅读

css 边框ios1px
# 如何实现 CSS 边框 iOS 1px？ ## 概述 在移动端开发中，很多时候我们需要实现 iOS 设备上的边框显示为 1 像素。由于不同设备的屏幕分辨率不同，常规的 CSS 边框设置会在高分辨率设备上显示得过粗。本文将介绍如何通过 CSS 和 JavaScript 实现在 iOS 设备上显示 1 像素边框。 ## 实现步骤 | 步骤 | 描述 | | --- | --- | | 1 |
CSS
iOS
javascript
原创
mob649e8161c39d
7月前
53阅读

php 1px*1px字符串,可用于转化成图片显示
<?php header('Content-Type:image/gif'); $s='R0lGODlhAQABABADACH5BAEAAAMALAAAAAABAAEAhwAAAAAAMwAAZgAAmQAAzAAA/wArAAArMwArZgArmQArzAAr/wBVAABVMwBVZgBVmQBVzABV/wCAAACAMwCAZgCAmQCAzACA/wCqAACqMwCqZgCqm
v8
php
v9
原创
qidizi
2023-04-10 10:42:10
46阅读

android 1px activity
# 实现 Android 1px Activity 的教程 在 Android 应用开发中，你可能会遇到需要实现“1px Activity”的场景，通常是为了创建一些特殊的视觉效果或实现一些自定义的功能。本文将指导你如何从头到尾实现一个简单的 1px Activity，并详细解释每个步骤所需的代码和逻辑。 ## 整个流程概述 实现 Android 1px Activity 的流程可以分为几个
Android
布局文件
java
原创
mob64ca12e33720
1月前
20阅读

1px的border
css中是这样写的：div{ border-bottom: 1px solid #dfe5e4;}但在手机上，像素比不为 1 ，由于 webview 的灰度渲染， border 一般会显示为 2-3px如何使手机上的 border 也显示为 1px ？尝试了div{ background...
5e
css
webview
灰度
编程
转载
mob604756ee63c0
2015-01-16 18:52:00
77阅读

css：移动端实现1px、0.5px的细线
* 通过伪元素实现 0.5px border *//* 通过伪元素实现 0.5px 细线 *//* dpr适配可以这样写 *//* 实现 1px 细线 *//* 为了与原元素等大 */
css
css3
前端
伪元素
html
原创
彭世瑜
2022-09-03 00:31:22
797阅读

Retina真实还原1px边框的解决方案
设计师给你设计图是这样的！然后你 boder：1px solid #ccc，然后到手机上一看，又粗又大，又长然后，测试的妹子，受不了了……然后，你说是的啊……于是，你一张图片上去一看……确实，不对呀！<img src="img/bg.png" style="position: fixed;top:0;left: 0;wid
前端设计
解决方案
原创
wg_oEhiEEGG
2018-03-16 14:26:04
2919阅读
2点赞
1评论

目前解决移动端1px边框最好的方法
在移动端开发时，经常会遇到在视网膜屏幕中元素边框变粗的问题。本文将带你探讨边框变粗问题的产生原因及介绍目前市面上最好的解决方法。1px 边框问题的由来苹果 iPhone4 首次提出了 Retina Display（视网膜屏幕）的概念，在 iPhone4 使用的视网膜屏幕中，把 2x2 个像素当 1 个物理像素使用，即使用 2x2 个像素显示原来 1 个物理像素显示的内容，从而让 UI 显示更精致清
其他
转载
mob604756f4ef89
2020-07-22 15:30:00
333阅读
2评论

1px边框的产生与解决方案总结
​在之前的项目中，UI告诉我说我们移动项目中的边框全部都变粗了。原谅我的近视眼，为什么我看不出什么差距了，结果UI把他的设计稿跟我的屏幕截图跟我看，居然真的不一样！！！没有办法，只有在后面的版本中去修改了，但是要改的话，需要知道是为什么。所以查了很多资料，终于搞懂了这个问题，并且总结了几种方法。造成边框变粗的原因其实这个原因很简单，因为css中的1px并不等于移动设备的1px，这些由于不同的手机有
css
java
html
web
js
原创
小驰chi
2022-03-29 16:19:50
373阅读

移动端1px
先看大名鼎鼎的jquery weUI
html
css
scala
jquery
缩放
转载
mb5ffd6f53cf9c6
2016-09-24 16:22:00
52阅读
2评论

border小于1px
//.5的边框 .border-x { position: relative; height: 220rpx; .line { position: absolute; left: 0; top: 0; width: calc(200% - 2px); //注意这个宽度，不要为200%，不然会出现有的 ...
显示不全
IT
转载
mob604756f6460e
2021-08-30 11:25:00
400阅读
2评论

mobile web retina 下 1px 边框解决方案
本文实际上想说的是ios8下 1px解决方案。 1px的边框在devicePixelRatio = 2的retina屏下会显示成2px，在iphone 6 plug 下，更显示成3px。由其影响美感。 还好，时代总是进步的。也许很多人都不知道， 现在IOS8下，已经支持0.5px了。。 那么意味着，
ios
类名
圆角
原创
axl234的博客
2022-04-06 11:55:25
370阅读

1px边框的产生与解决方案总结
原文链接: https://juejin.cn/post/6844903456717668359在之前的项目中，UI告诉我说我们移动项目中的边框全部都变粗了。原谅我的近视眼，为什么我看不出什么差距了，结果UI把他的设计稿跟我的屏幕截图跟我看，居然真的不一样！！！
1px边框
原创
小驰chi
2021-04-17 22:24:55
928阅读
  • 1
  • 2
  • 3
  • 4
  • 5
职场话题

2024软考

华为认证

K8s

数据库
相关文章

css无法定义1px高度的问题

1px=2rpx

android activity 改为1px

1px没有转rem

移动端 CSS 1px 问题及解决方案

css 温故而知新 1px的问题

详解移动端1px 问题

如何画 1PX 的线

移动端画1px线

ios的1px会有遮挡

Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯