问题点1:iphone5分辨率:640 * 1136 dp,为什么chrome浏览器F12中显示的320 *568??         iPhone5 分辨率640 * 1136指的是物理像素,而实际开发中用的px是逻辑像素, px : 逻辑像素,浏览器使用的抽象单位(抽象单位指根据不同设备可以变大变小) dp, dt: 物理像素,与设备无关(物理像素是固定的不会改变) dpr:像素比 ppI越高,像素越高,图像越清晰,系统默认设置缩放比越大 视网膜Retina屏: dpr>=2 计算公式:1p…

px:即像素,1px代表屏幕上一个物理的像素点:px单位不被建议使用,因为同样100px的图片,在不同手机上显示的实际大小可能不同,如下图所示(图片来自android developer guide,下同).偶尔用到px的情况,是需要画1像素表格线或阴影线的时候,用其他单位如dp会显得模糊.dp:这个是最常用但也最难理解的尺寸单位.它与"像素密度"密切相关,所以首先我们解释一下什么是像素密度.假设有一部手机,屏幕的物理尺寸为1.5英寸x2英寸,屏幕分辨率为240x320,则我们可以计算…

       最近在学习Android开发,一直没有弄清楚px,dp,dip,sp的区别.今天正好有时间,就花时间研究了一下.     众所周知,Android厂商非常多,各种尺寸的Android手机.平板层出不穷.导致了Android生态环境的碎片化现象越来越严重.Google公司为了解决分辨率过多的问题,在Android的开发文档中定义了px,dp,dip,sp,方便开发者适配不同分辨率的Android设备. 1.基础知识:     mm:millimeters 毫米,长度单位.     i…

px,dp,dip,sp,in,mm,pt详细分析 px   :(pixels),屏幕的像素点,不同的设备显示效果相同,一般我们HVGA代表320x480像素,这个用的比较多. dip  :(device independent pixels),设备独立像素,这个和设备硬件有关,一般我们为了支持WCGA.HVGA和QVGA推荐使用这个,不依赖于像素.等同于dp. dp   :一个基于density的抽象单位,如果一个160dpi的屏幕,1dp=1px. sp   :(scaled pixels—…

pt和px区别 pt是逻辑像素,px是物理像素字体大小的设置单位,常用的有2种:px.pt.这两个有什么区别呢?先搞清基本概念:px就是表示pixel,像素,是屏幕上显示数据的最基本的点:pt就是point,是印刷行业常用单位,等于1/72英寸. 以iPhone8为基础750做的设计pt单位的,再网页中用px做单位要在pt基础上乘以2了 以iPhone8为基础750做的设计pt单位的,再网页中用px做单位要在pt基础上乘以2了 逻辑像素和物理像素:逻辑像素(logic point):逻辑像素的单…

先聊聊熟悉的几个单位 围绕着各种屏幕做设计和开发的人会碰到下面几个单位:in, pt, px, dpi,dip/dp, sp 下面先简单回顾下前四个单位: “in” inches的缩写,英寸.就是屏幕的物理长度单位.一英寸等于2.54cm.比如Android手机常见的尺寸有5寸.5.5寸.6寸等,这里的长度都是指手机对角线的长度. “pt” “points” 的缩写,点.一个点等于1/72英寸,所以“点”也是个长度单位而已. “px” “pixel” 的缩写,像素.是画面显示的基本单位,真实的像…

MarkdownPad Document *:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { marg…

Python开发[第二十一篇]:Web框架之Django[基础]   猛击这里:http://www.cnblogs.com/wupeiqi/articles/5237704.html Python之路[第十六篇]:Django[基础篇]   Python的WEB框架有Django.Tornado.Flask 等多种,Django相较与其他WEB框架其优势为:大而全,框架本身集成了ORM.模型绑定.模板引擎.缓存.Session等诸多功能. 基本配置 一.创建django程序 终端命令:djan…

一:基础知识 px:逻辑像素,浏览器使用的抽象单位 dp,pt:设备无关像素 也叫物理像素 dpr:devicePixelRatio 设备像素缩放比 计算公式:1px=(dpr)^2*dp; iphone5宣称的分辨率是640*1136,这里指的是物理像素但是在模拟器上显示出来的却是宽320像素,iphone5的320px*568px就是因为它的dpr等于2.此时一个css像素就会占据四个物理像素的位置,在x轴方向占两个,在y轴方向占两个.…

px:css pixels逻辑像素,浏览器使用的抽象单位 dp,pt :device independent pixels 设备无关像素 dpr:devicePixelRatio 设备像素缩放比 计算公式:1px=(dpr)2 * dp iphone 5 的dpr等于2 因此:平面上 1px=4*dp  640dp*1136dp 纬度上 1px=2*dp  320px*568px DPI:打印机每英寸可以喷的墨汁点 PPI:屏幕每英寸的像素数量,即单位英寸内的像素密度 在计算机显示设备参数描述上…

px px(pixel): 像素,是指在由一个数字序列表示的图像中的一个最小单位.在Android中,无论屏幕密度多少,一个像素单位对应一个屏幕像素单位,不会根据屏幕密度自动缩放,因此一般不推荐使用px,某些情况可以用它来画细线. dpi dpi(dots per inch): 指每英寸上的像素,及屏幕像素密度.在不同尺寸的屏幕上,屏幕像素的大小可能不同,1px表示的长度也就不同,所以一般不用px. dp dp(density-independent pixel): 密度无关像素.无论屏幕密度是…

public static int dip2px(Context context, float dpValue){ final float scale = context.getResources().getDisplayMetrics().density; return (int)(dpValue * scale + 0.5f);} public static int px2dip(Context context, float pxValue){ final float scale = con…

px(像素点) mm 等Android不建议用 为什么电脑web开发能够用而Android不建议用? 由于px代表像素点个数,一般电脑分辨率都同样 不管14寸还是15寸都是1366*768而手机分辨率一般都不一样 googe解决方式: dp(dip)(依据屏幕密度依据像素算出来的) 同样屏幕大小的手机,密度(分辨率)不同.使用px会显示大小不同的view使用dp同样dp长度的组件.终于显示大小是同样的 建议: dp(dip)表示控件的宽度和高度 sp 文字大小 分辨率问题: 例:320*480(…

场景: 人物:前端实习生「阿树」与 切图工程师「玉凤」事件:设计师出设计稿,前端实现页面 玉凤:树,设计稿发给你啦,差那么点像素,就叼死你┏( ￣へ￣)=☞阿树:~(>_<)~毛问题噶啦~阿树:哇靠,为啥你给的设计稿是640px宽 ,iPhone 5不是320px宽吗???玉凤:A pixel is not a pixel is not a pixel, you know ?阿树:(#‵′),I know Google... 为什么会出现以上的情况,难道他们当中一位出错了,摆了这样的乌龙?事实…

DisplayMetrics metric = new DisplayMetrics(); getWindowManager().getDefaultDisplay().getMetrics(metric); int width = metric.widthPixels; // 屏幕宽度(像素) int height = metric.heightPixels; // 屏幕高度(像素) float density = metric.density; // 屏幕密度(0.75 / 1.0 / 1.…

地址:http://www.imooc.com/video/9564 dp(安卓),pt(iphone)是物理像素 ppi是由物理像素确定的 一英寸内有多少个像素渲染,ppi越高,图片越清晰 1px = dpr^2 * dp 这个是不是有问题? 1px = dpr ^2 * dp 是平面上的像素换算,但实际开发当中使用更多的是长度上的换算: 1px = dpr * dp. 所以320px = 640dp 注意这时候320px 是长度不是平面,568px同理. 这个表达的是在CSS里的1px等于多…

1.px:表示屏幕的实际像素,比如320*480的屏幕在横向有320个像素,在纵向有480个像素,假设指定的某个空间的单位为px.那么在不同分辨率下的手机上.显示的都是指定的大小.一般不推荐使用px. 2.dp(dip):是屏幕的物理尺寸.能够理解为能够变换的值.在不同的分辨率下会通过一定的算法转换成px单位在手机上显示出来.这样能够起到屏幕适配的作用.推荐使用. 3.sp:和dp类似,仅仅只是是字体单位.…

package com.voole.playerlib.util; import android.content.Context; /** * Android大小单位转换工具类<br/> * * float scale = context.getResources().getDisplayMetrics().density; */ public class DisplayUtil { /** * 将px值转换为dip或dp值,保证尺寸大小不变 * * @param pxValue * @par…

前言: 在移动互联网的大潮中, Web Restful API逐渐成为Web Server重要的一个分支. 移动端和服务端的交互, 主流的方式还是通过Http协议的形式来进行. 请求以Get/Post方式, 响应以json(数据更小巧且自描述能力强)的方式占据主流. 各大互联网公司, 对自身的Web Api设计有各自的标准. 本文主要讲述主流的几种, 并对web server的基础架构做个简单的描述. 百度云实现方案: 百度移动云事业部的对云服务的Web Api借鉴了亚马逊的AWS实现方案. 具…

1 基础的Web Service平台是XML+HTTP. 2 Web Service平台的元素包括:SOAP(Simple Object Access Protocol)简单对象访问协议: UDDI(Universal Description Discovery and Integration)通用描述.发现及整合:WSDL(Web Services Description Language)Web Service描述语言. 3 Web Service使用XML来编码数据,并使用SOAP借由开放…

Spring Boot 项目(参考1) 提供了一个类似ASP.NET MVC的默认模板一样的标准样板,直接集成了一系列的组件并使用了默认的配置.使用Spring Boot 不会降低学习成本,甚至增加了学习成本,但显著降低了使用成本并提高了开发效率.如果没有Spring基础不建议直接上手. 1.基础项目 这里只关注基于Maven的项目构建,使用Spring Boot CLI命令行工具和Gradle构建方式请参考官网. (1)创建项目: 创建类型为quickstart的Maven项目,删除默认生成的…

1.dimens.xml文件:     <resources> <dimen name="area_margin_top">100dp</dimen></resources>     2.layout.xml中调用          //<LinearLayout         android:id="@+id/ll_area"         android:layout_width="match_…

前端之JavaScript基础   前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C-minus-minus(C-)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中…

Spring Boot 项目(参考1) 提供了一个类似ASP.NET MVC的默认模板一样的标准样板,直接集成了一系列的组件并使用了默认的配置.使用Spring Boot 不会降低学习成本,甚至增加了学习成本,但显著降低了使用成本并提高了开发效率.如果没有Spring基础不建议直接上手. 1.基础项目 这里只关注基于Maven的项目构建,使用Spring Boot CLI命令行工具和Gradle构建方式请参考官网. (1)创建项目: 创建类型为quickstart的Maven项目,删除默认生成的…

近年来,随着基于B/S结构的大型应用越来越多,Web应用程序测试问题也在逐步完善中.但Web应用程序测试既可以在系统开发中实施,也可以独立于系统单独完成,这取决于Web应用程序的复杂性和多样性.同时程序整体测试工作也是一个庞大的工程,而要完成大工程目标,基础是必不可少的. 系统开发中,功能模块是指导完成目标的大纲.程序整体测试大致包括功能测试.性能测试和安全测试,其中功能测试是前提.结合系统开发与程序测试,不难看出单元测试作为功能测试核心,便是程序整体测试的基础. 单元测试通常是指对程序中最小可…

一.简介 Python下有许多款不同的 Web 框架,Django 是重量级选手中最有代表性的一位,许多成功的网站和APP都基于 Django. Django 是一个开放源代码的Web应用框架,由 Python 编写. Django 遵守 BSD 版权,初次发布于2005年7月, 并于2008年9月发布了第一个正式版本1.0 . Django 采用了 MVC 的软件设计模式,即模型 M,视图 V和控制器 C. 二.安装 在安装 Django 前,系统需要已经安装了 Python 的开发环境.接下…

.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px } .container::before,.container::after { content: " "; display: table } .container::after { clear: both } .container::before,.container::after { content:…

一直不太清楚CSS中的1px与逻辑像素.物理像素是个什么关系(作为一名前端感觉很惭愧 -_-!),今天终于花时间彻底弄清楚了,其实弄清楚之后就觉得事情很简单,但也只有在弄清楚之后,才会觉得简单(语出<禅与摩托车维修艺术>,哈哈哈哈). 两种像素 物理像素:设备屏幕实际拥有的像素点.比如iPhone 6的屏幕在宽度方向有750个像素点,高度方向有1334个像素点,所以iPhone 6 总共有750*1334个物理像素. 逻辑像素:也叫“设备独立像素”(Device Independent Pix…

Spring Security虽然比JAAS进步很大,但还是先天不足,达不到ASP.NET中的认证和授权的方便快捷.这里演示登录.注销.记住我的常规功能,认证上自定义提供程序避免对数据库的依赖,授权上自定义提供程序消除从缓存加载角色信息造成的角色变更无效副作用. 1.基于java config的Spring Security基础配置 (1)使用AbstractSecurityWebApplicationInitializer集成到Spring MVC public class SecurityI…

1.Web MVC基础 MVC的本质是表现层模式,我们以视图模型为中心,将视图和控制器分离出来.就如同分层模式一样,我们以业务逻辑为中心,把表现层和数据访问层代码分离出来是一样的方法.框架只能在技术层面上给我们帮助,无法在思考和过程上帮助我们,而我们很多人都不喜欢思考和尝试. 2.实现Web MVC的基础 实现Web MVC基础可以概括为1个前段控制器和2个映射. (1)前端控制器FrontController ASP.NET和JSP都是以Page路径和URL一一对应,Web MVC要通过URL…