全文搜索
标题搜索
全部时间
1小时内
1天内
1周内
1个月内
默认排序
按时间排序
为您找到相关结果1,583,649个

吃透移动端 1px的具体用法_html5_网页制作_脚本之家

如何在项目中处理 1px 的相关问题?由来基本概念首先,我们要了解两个概念,一个是 像素(pixel) 可以简写为 px ,另外一个是 设备像素比(DPR)像素:指在由一个数字序列表示的图像中的一个最小单元,单位是 px,不可再次分割了。设备像素比(DPR): 设备像素比 = 设备像素 / 设备独立像素。复制代码下面...
www.jb51.net/html5/7064...html 2024-6-1

移动端开发1px线的理解与解决办法_心得技巧_网页制作_脚本之家

前面已经说过1px变粗的原因就在于一刀切的设置viewport宽度,如果能把viewport宽度设置为实际的设备物理宽度,css里的1px不就等于实际1px长了么。 flexible.js的原理就是这样,先获取设备缩放比devicePixelRatio,然后根据缩放比来动态设定viewport的值,这样导致的结果就是无论是哪个设备,1px所表示的永远是1个设备像素,即该...
www.jb51.net/web/6824...html 2024-5-21

css+table 1px边框单元格_经验交流_脚本之家

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> css table 之1px边框单元格--脚本之家 .myTable,.myTable td { border:1px solid #cccccc; border-collapse:collapse; } 脚本之家 脚本之家 脚本之家 脚...
www.jb51.net/article/154...htm 2024-5-26

JS前端绘图canvas模糊问题示例高清图解_JavaScript_脚本之家

2、当绘制的东西不足 1px,会自动补足 1px 大家应该也有听说个这个说法,说在 (100, 0) 处画一条 1px 的竖线,画出来的线会感觉很模糊。 因为这涉及到 canvas 绘制线条的方式,(100, 0)是线的中心点,绘制的时候会从这个点向两边扩散 1px/2=0.5px,而不是单边扩散,但是我们无法绘制出半个像素,最小也得是...
www.jb51.net/article/2577...htm 2024-6-1

CSS属性简写整理_Div+CSS教程_CSS_网页制作_脚本之家

margin-left:1px; 这四个值可以缩写到一起: 演示代码 复制代码 代码如下: margin:1px1px1px1px; 缩写的顺序是上->右->下->左。顺时针的方向。相对的边的值相同,则可以省掉: 演示代码 复制代码 代码如下: margin:1px;//四个方向的边距相同,等同于margin:1px1px1px1px; ...
www.jb51.net/css/667...html 2024-5-31

JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)_javascript技巧...

1.移动端1px像素线的问题 对于设计师给我的手机端网页的设计稿都是2倍图。按照道理来说,在写网页的时候,所有对象的实际尺寸都是会除2。但是对于1像素的线呢? 先来看两张图,设计稿的效果: 在三星 S4下的实际显示效果: 可以看到这个时候1px的线竟然显示不出来了。这个问题是跟 S4手机的屏幕像素密度有关。关于...
www.jb51.net/article/795...htm 2024-6-2

CSS长度单位 px和pt的区别 _CSS教程_CSS_网页制作_脚本之家

在显示器分辨率不变的基础上(比如现在常用的1024×768),1px大小也就固定不变,改变显示设置,调整为144DPI,可以得出,1px=0.5pt,常见的宋体9pt=18px。原先用12px来组成的一个文字,现在需要18px来组成,px多了,文字就“大”了,更易阅读了。 所以,px和pt的使用区别,只有当用户改变默认的96DPI下才会产生:使用px...
www.jb51.net/css/293...html 2024-5-24

HTML 标签的 height 和 width 属性

这是上面这段 HTML 的效果,这个颜色彩条是用只有一个像素的图像制成的: 使用百分比值 使用width 属性的最后一个技巧是使用百分比值来代替像素的绝对值。这将使浏览器按照与浏览器显示窗口的一定比例来缩放图像。因此,如果要创建一个宽度与显示窗口宽度相同,高度为 30 个像素的彩色横条,可以这样实现: 当文档窗口...
www.jb51.net/w3school/tags/att_img_h... 2024-5-31

css border属性的使用方法和技巧_CSS教程_CSS_网页制作_脚本之家

border-left:1px dashed #000 4、1px黑色实线右边框 border-right:1px solid #000 五、常用推荐边框样式 我们通常使用主流浏览器兼容边框样式有: 1、实线边框:solid Border:1px solid #000 设置对象1px(像素)宽厚的黑色实线边框。 2、虚线边框:dashed
www.jb51.net/css/4623...html 2024-5-23

css浮动 float属性详解_CSS教程_CSS_脚本之家

.box {border: 1px solid #666; width: 800px;color: #fff;} .box1 {float: left; width: 100px; height: 100px; background: #000;} .box2 {float: left; width: 100px; height: 100px; background: red; } .box3 {width: 200px; float: left; height: 200px; background: yellow; } ...
www.jb51.net/css/714194.html 2024-6-2