<table width="300" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#CCCCCC"> <tr> <td align="center">单 位</td> <td ali
原创
2013-04-26 16:10:41
305阅读
<!doctype html><html lang="en" ><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,
原创
2021-07-28 15:27:25
241阅读
Retina屏的移动设备如何实现真正1px的线？ if (window.devicePixelRatio && devicePixelRatio >= 2) { var testElem = document.createElement('div');...
转载
2015-09-18 16:47:00
220阅读
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,
原创
2021-07-28 15:27:13
123阅读
在移动端web页面开发中，为了使css中使用的尺寸与设计稿一致，通常会采用 rem 单位配合 lib-flexible 来实现移动端的适配，在IOS设备上 flexible.js 会根据设备的分辨率动态的调整 viewport 的 width 和 scale 来达到目的。 但是，现在很多的安卓手机也
转载
2017-03-29 13:25:00
59阅读
2评论
在移动端web页面开发中，为了使css中使用的尺寸与设计稿一致，通常会采用 rem 单位配合 lib-flexible 来实现移动端的适配，在IOS设备上 flexible.js 会根据设备的分辨率动态的调整 viewport 的 width 和 scale 来达到目的。但是，现
转载
2017-05-05 15:05:39
376阅读
1px 边框问题的由来 苹果 iPhone4 首次提出了 Retina Display（视网膜屏幕）的概念，在 iPhone4 使用的视网膜屏幕中，把 2x2 个像素当 1 个物理像素使用，即使用 2x2 个像素显示原来 1 个物理像素显示的内容，从而让 UI 显示更精致清晰，这 2x2 个像素叫做 ...
转载
2021-07-27 15:17:00
156阅读
2评论
一、为什么会有1px问题要处理这个问题，必须先补充一个知识点，就是设备的 物理像素[设备像素] & 逻辑像素[CSS像素]； 物理像素：移动设备出厂时，不同设备自带的不同像素，也称硬件像素； 逻辑像素：css中记录的像素。在开发中，为什么移动端CSS里面写了1px，实际上看起来比1px粗；了解设备物理像素和逻辑像素的同学应该很容易理解，其实这两个px的含义其实是不一样的，UI
转载
2024-03-28 21:42:47
154阅读
css中是这样写的：div{ border-bottom: 1px solid #dfe5e4;}但在手机上，像素比不为 1 ，由于 webview 的灰度渲染， border 一般会显示为 2-3px如何使手机上的 border 也显示为 1px ？尝试了div{ background...
转载
2015-01-16 18:52:00
99阅读
HTML 中的 1px 问题解析在移动端开发中，1px 问题是一个常见的视觉挑战。由于高分辨率屏幕（如 Retina 屏）的普及，CSS 中的 1px 在实际设备上可能显示为 2px 或更粗的线条，导致设计稿与实际效果不一致。以下是详细的解决方案和代码示例。1px 问题的根源高分辨率屏幕的设备像素比（Device Pixel Ratio, DPR）通常大于 1。例如，DPR 为 2 的屏幕会将 1
无限滚动加载在互联网上到处都有应用：豆瓣首页是一个，Facebook的Timeline是一个，Tweeter的话题列表也是一个。当你向下滚动，新的内容就神奇的“无中生有”了。这是一个得到广泛赞扬的用户体验。无限滚动加载背后的技术挑战其实比想象中要多不少。尤其是要考虑页面性能，需要做到极致。本文通过代码实例，来实现一个无限滚动加载效果。更重要的是，在实现过程中，对于页面性能的分析和处理力图做到最大化
# 实现 Android 1px Activity 的教程
在 Android 应用开发中，你可能会遇到需要实现“1px Activity”的场景，通常是为了创建一些特殊的视觉效果或实现一些自定义的功能。本文将指导你如何从头到尾实现一个简单的 1px Activity，并详细解释每个步骤所需的代码和逻辑。
## 整个流程概述
实现 Android 1px Activity 的流程可以分为几个
原创
2024-08-06 07:08:56
41阅读
先看大名鼎鼎的jquery weUI
转载
2016-09-24 16:22:00
58阅读
2评论
//.5的边框 .border-x { position: relative; height: 220rpx; .line { position: absolute; left: 0; top: 0; width: calc(200% - 2px); //注意这个宽度，不要为200%，不然会出现有的 ...
转载
2021-08-30 11:25:00
420阅读
2评论
本文实际上想说的是ios8下 1px解决方案。 1px的边框在devicePixelRatio = 2的retina屏下会显示成2px，在iphone 6 plug 下，更显示成3px。由其影响美感。 还好，时代总是进步的。也许很多人都不知道， 现在IOS8下，已经支持0.5px了。。 那么意味着，
原创
2022-04-06 11:55:25
412阅读
原文链接: https://juejin.cn/post/6844903456717668359在之前的项目中，UI告诉我说我们移动项目中的边框全部都变粗了。原谅我的近视眼，为什么我看不出什么差距了，结果UI把他的设计稿跟我的屏幕截图跟我看，居然真的不一样！！！
原创
2021-04-17 22:24:55
993阅读
看了分析的不错 就转载过来 呵呵iphone5为什么在焦急等待，翘首以盼中仍然迟迟不露面吗？ 你知道为什么会有4S 的传闻吗？iphone5的外观到底是什么模样。。。相对于别的手机，以及苹果自己的iphone前几代，iphone4有一个很大的优点，那就是不容易显旧。用过iphone3G和一代的都有体会，由于边框是高光电镀效果，用一段时间就会磨损得非常明显，磨损后的斑驳和划痕会变得非常难看。 而只要
设计师给你设计图是这样的！然后你 boder：
1px solid #ccc，然后到手机上一看，又粗又大，又长然后，测试的妹子，受不了了……然后，你说是的啊……于是，你一张图片上去一看……确实，不对呀！<img src="img/bg.png" style="position: fixed;top:0;left: 0;wid
原创
2018-03-16 14:26:04
3039阅读
点赞
1评论
在移动端开发时，经常会遇到在视网膜屏幕中元素边框变粗的问题。本文将带你探讨边框变粗问题的产生原因及介绍目前市面上最好的解决方法。1px 边框问题的由来苹果 iPhone4 首次提出了 Retina Display（视网膜屏幕）的概念，在 iPhone4 使用的视网膜屏幕中，把 2x2 个像素当 1 个物理像素使用，即使用 2x2 个像素显示原来 1 个物理像素显示的内容，从而让 UI 显示更精致清
转载
2020-07-22 15:30:00
376阅读
2评论
在之前的项目中，UI告诉我说我们移动项目中的边框全部都变粗了。原谅我的近视眼，为什么我看不出什么差距了，结果UI把他的设计稿跟我的屏幕截图跟我看，居然真的不一样！！！没有办法，只有在后面的版本中去修改了，但是要改的话，需要知道是为什么。所以查了很多资料，终于搞懂了这个问题，并且总结了几种方法。造成边框变粗的原因其实这个原因很简单，因为css中的1px并不等于移动设备的1px，这些由于不同的手机有
原创
2022-03-29 16:19:50
412阅读
