【Retina】的更多相关文章

[原创]Macbook Pro Retina 15吋安装Windows 7和Windows 8.1方法

前言 本以为有Bootcamp神器在手,Macbook装Win系统应该是不在话下,没想到着实折腾了一番.期间因为误操作导致OSX也挂掉进不去只得磁盘全部抹掉网络恢复安装.为了让大家少走弯路,提供个人安装成功的经验,有可能不适用所有设备. Windows 7 1. 下载Win 7的64位官方镜像文件,不能是Ghost或者其他修改的版本,我下的是这个(推荐使用):cn_windows_7_ultimate_with_sp1_x64_dvd_u_677408.iso 2. 准备一个8GB或以上容量的U…

移动端视网膜（Retina）屏幕下1px边框线 解决方案

原因: 因为Retine屏的分辨率始终是普通屏幕的2倍,1px的边框在devicePixelRatio=2的retina屏下会显示成2px. 但在IOS8中,已经支持0.5px了,那就意味着, 在devicePixelRatio=2的时候,我们可以使用如下的css: div{ border:1px solid #000; } @media (-webkit-min-device-pixel-ratio: 2) { div{ border:0.5px solid #000; } } 但在ios7以…

cocostudio做出来的界面如何进行分辨率适配，兼论cocos2dx3的多分辨率适配机制，以及retina适配机制

cocos有很多代码实际上都不再使用了,看代码时反而误导了程序员. 比如一个简单的分辨率适配,我查到了setContentSize,然后调用setContentSize,毫无用处啊!于是乎,我到处查资料,终于发现解决办法,非常简单,纪录在下面. 做界面时,使用固定的设计分辨率,需要某个元素适配分辨率时,使用右边的锚点设置.做好以后载入进来,如此调用: Node* uiNode = CSLoader::getInstance()->createNode("file.csb"); S…

实测:Windows 8.1 (Windows Blue) 第三方桌面应用无法支持Retina屏，效果与Windows8.0似无差别。

首先我是在VMWARE下装的Windows Blue,是否改用BootCamp直接装就没问题我不知道,理论上应该无差别. 谣言里那个Windows Blue里的缩放功能可以完美支持Retina,但实际上在分辨率提高后,Metro UI也明显缩小,同样没有出现保持在1400x900分辨率下的大小,跟原来的8.0没有什么区别. 不知道那些说8.1增加了高清屏支持,并很兴奋地说文本缩放多了个自定义选项的人们到底是在想啥,到底有没有看清楚在8.0里放大200%这个其实就写着有. Winddows8.0…

Retina Display and Eclipse Mac视网膜屏和Eclipse

I have a Retina Display and Eclipse looks blurry. How can I fix it? You need to tell Mac OS that Eclipse is high-resolution capable. Right-click on the Eclipse.app and choose "Show package contents" Open Contents/Info.plist in an editor Add the…

Retina屏实现1px边框

问题描述 通常我们实现边框的方法都是设置1px的边框,但是在retina屏上因为设备像素比的不同,边框在移动设备上的表现也不相同,例如在devicePixelRatio = 2的retina屏下会显示成2px.这对于拥有像素眼的设计同事来说是无法忍受的,他们会一眼看出这边框粗了很多(真可怕,不过经历这次问题之后,感觉自己也练成了像素眼),并且在用户体验上略差,所以现在要解决的问题就是在retina屏幕下实现1px的边框. 解决方案 查找了一些资料,也对比了很多方案,个人认为这个是css的问题,所…

[转]在cocos2d-x中让一个项目适配iphone、iphone retina、ipad、ipad retina四种分辨率

http://cankeyyin.blog.163.com/blog/static/12336178320124149391202/ 原理:将iphone的hd图片给ipad用,即: 使用原iphone版HD资源(960*640),不用适配到1024*768,四周可留黑边 不改动原有逻辑代码 经测试,这个适配方法可以让一份代码同时运行与iphone.iphone retina.ipad.ipad retina四种分辨率. 1.让ipad能够读入HD图片 在cocos2d-x源代码CCFileUt…

20140207 - Java and Mac OS X Retina

在Mac下使用文件管理工具类似Total Commander的muCommander,muCommander的编写语言是Java,打开后发现Java不兼容Mac Retina. muCommander Version: 0.9.0 Build date: 2012/08/04 JavaRuntime version: 1.6.0_65VM name: Java HotSpot(TM) 64-Bit Server VMVM version: 20.65-b04-462VM vendor: Appl…

如何判断retina,如何判断设备的比例

http://www.189works.com/article-95647-1.html 说起iPhone 4带来的革新,retina display绝对是最吸引眼球的一项,以至于我现在看电脑的显示屏时,都能看到满屏幕的像素点了⋯ 正是依赖这视网膜显示屏,iPhone 4的分辨率达到了640×960 pixels;不过为了保持向下兼容性,它采用的仍然是320×480 points. 也就是说,在不进行缩放的情况下,显示普通图片时,它会用4个像素来显示图片中的1个像素;而在显示retina图片时,…

Retina视网膜屏中CSS3边框图片像素虚边的问题

虽然CSS3新增了这个功能,但是在W3school里面并没有给出具体详细的解释,还好网上不乏大神给你我们很全面的解释其中的原理-css3:border-image边框图像详解 边框图片的原理是四个角不变,边拉伸或平铺,border-image-slice:27 27 27 27(可以缩写,同内外边距),距离各边向内偏移的距离后切割 按照此方法需要进行自己的borderimg的制作(类似于sprite) (21+1+21) 如上,一个像素边框在PC端显示没有任何问题,但是按照 走向视网膜(Reti…

[转]走向视网膜（Retina）的Web时代

转载出处:http://www.w3cplus.com/css/towards-retina-web.html 维基百科将Retina译为“视网膜”."Retina"一词,原意是“视网膜”的意思,指显示屏的分辨率极高,使得肉眼无法分辨单个像素. 苹果的“iPhone4”和"new iPad"以及“Macbook Pro”中已经使用了Retina(视网膜)技术.这是一种新的屏幕的显示技术.苹果表示,Retina屏幕是一种具备超高像素密度的液晶屏,它可以将960x640…

Retina时代的前端视觉优化

随着New iPad的发布,平板也将逐渐进入Retina时代,在高分辨率设备里图片的显示效果通常不尽人意,为了达到最佳的显示效果就需要对图片进行优化,这里介绍一些优化方法: 一.用CSS替代图片 这一点在任何时候都适用:只是在当前我们可以更多的使用样式表来制作出设计效果,CSS3的圆角.渐变.模盒阴影.字体阴影能帮助我们处理绝大多数视觉效果,并且在各种分辨率下都有良好的表现. CSS Button 二.为高分辨率设备提供高清图片 如果必须使用图片,通常是准备2套图片,一套原始尺寸( 为普通设备准…

Photoshop CS6 for Mac简体中文正式 完美破解版 支持Retina屏

Photoshop CS6 MAC 中文版破解版 支持Retina屏 目前世界上“最好的化妆品”是一款叫做PhotoShop的产品,它可以帮你去除所有你不满意的地方.上周末,这款最好的化妆品推出了第十三代产品——Adobe PhotoShop CS6 ,所有感兴趣的用户都可以免费下载试用. 此次发布的PS CS6 包括大量优化和调整以及在CS5基础上的一些小升级.最直观的变化要数CS6的整体色调改成更深的灰黑色,按Adobe的说法是为了让用户把注意力更好的放在图片处理上. 详细的介绍不用多说了,…

让MyEclipse2013兼容Retina屏幕

1. 找到文件:/Applications/MyEclipse/MyEclipse Professional.app/Contents/Profile/myeclipse.app/Contents/Info.plist 2. 打开该文件,添加一个boolean属性: <key>NSHighResolutionCapable</key><true/> 下面是重点,网上找的很多教程是修改好,重启myeclipse就可以了,我试了下 不行,或许是人品问题,然后换了下面这个方法…

移动Web—CSS为Retina屏幕替换更高质量的图片

来源:互联网 作者:佚名 时间:12-24 10:37:45 [大 中 小] 点评:Retian似乎是屏幕显示的一种趋势,这也是Web设计师面对的一个新挑战;移动应用程序的设计师们已经学会了如何为Retina屏幕设备显示更好质量的图片,用来提高用户的体验;在本文中,你将看到如何使用CSS3技巧在Web应用中为Retina屏幕替换更高质量的图片 特别声明:此篇文章根据Stéphanie Walter 的英文文章<The Mobile Web: CSS Image Replacement for R…

Retina屏下1px border

layout tltle tags post ios7下移动web开发的几个坑 webapp 1.Retina屏下1px border 由于高清屏的特性,1px是由2×2个像素点来渲染,那么我们样式上的border:1px在Retina屏下会渲染成2px的边框,一般有以下几种方法: 图片 阴影 缩放 移动版开发采用软图片的方法: .border { background-image:linear-gradient(180deg, red, red 50%, transparent 50%), l…

Retina

走向Retina Web RETINA时代的前端优化 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <style> .g { width: 300px; height: 200px; background-image: url(g.jpg); backgrou…

macbook pro retina 编程字体推荐

使用VS2010.VS2012.Qt Creator编译工具首推等宽字体,等宽字体中consolas. 首先大家都知道等宽对于编码来说的直观性不言而喻,其次retina屏幕的特殊性,整天用特别小的字体编码眼睛都受不了,所以我将macbook pro 15 retina分辨率调成为最适合的2880*1800,系统字体放大200%,这样看起来系统分辨率相当于1440*900,这样长时间编码也不会累了.长期对于编码来说一个好看.耐看.实用字体的重要性,我花了整整2个小时亲测VS和Qt,最终选择cons…

Retina 屏移动设备 1px解决方案

做移动端H5页面开发时都会遇到这样的问题,用 CSS 定义 1px 的实线边框,在 window.devicePixelRatio=2  的屏幕上会显示成 2px,在 window.devicePixelRatio=3 的屏幕上会显示成 3px,明明希望是极细的线条,到 Retina 屏上却变得粗大丑陋.这是因为 CSS 中的 px 单位定义的是逻辑像素值,而实际显示的效果会以物理像素呈现,Retina 屏幕的物理像素值和逻辑像素值不同就造成了这种差异. 如果想让 HTML5 页面像 Nativ…

Retina 显示屏

Retina 直接翻译是视网膜的意思.在IT上,是Apple 公司提出的.意思是指一个显示屏的颗粒度 px 密度高到人类无法看见.要了解细节必须先了解基础知识inch 英寸 1 inch = 2.52 cm手机的inch 以屏幕的斜线(左上角到右下角的长度)来计算ppi = pixel per inch 就是1 inch 里面有多少个像素,也可以当成密度来看待 .所以 ppi 越高越好.Retina屏幕对web的影响在Retina屏幕下照片会base on 设备的 window.devicePi…

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

本文实际上想说的是ios8下 1px解决方案. 1px的边框在devicePixelRatio = 2的retina屏下会显示成2px,在iphone 6 plug 下,更显示成3px.由其影响美感. 还好,时代总是进步的.也许很多人都不知道, 现在IOS8下,已经支持0.5px了.. 那么意味着,在devicePixelRatio = 2下,我们可以使用如下的css代码: 但是在ios7以下,android等其他系统里,0.5px会被显示为0px,即该解决方案需要写hack兼容老旧系统. 三种…

如何一步步把网站Retina优化

随着高清屏幕.高分辨率屏幕越来越流行,例如MacBook Retina机型.iPad Air系列,这些新生机器有着很高的PPI,对网页的清晰度要求很高,所以越来越多的站长都不得不面临一个问题,那就是把自己的网站做到高分辨率适配 (Retina-Ready).因为低清的网页在高分辨率屏幕上看起来很糟糕,对用户体验是一个很大的损害.相反,高分辨率适配的网站看起来则更加美观清 晰,对用户体验有很大的提高.所以随着科技的发展,Retina适配 (Retinafy)是一种必然趋势,各位不妨现在就做好这个准…

IOS 特定于设备的开发：监测Retina支持

近年来,Apple在其旗舰设备上引入了Retina显示屏.根据Apple的说法,他的像素密度非常高,足以使人眼无法区分单独的像素. UIScreen类提供了一种容易的方式,用于监查当前设备是否提供了内置的Retina显示屏.检查屏幕的scale属性,它提供了从逻辑坐标空间转换为设备坐标空间的转换因子.对于标准显示屏,转换因子是1.0,因此1点对应于1个像素.对于Retina显示屏,它是2.0. -(BOOL)hasRetinaDisplay { return ([UIScreen mainScr…

人人都用 Retina 屏幕的 MacBook Pro 笔记本电脑

自从今年年初 Apple 官网产品降价我立即买了 13 寸的 Retina 屏 MacBook Pro(rMBP)之后, 这款苹果的笔记本电脑就成了我在公司和家里的唯一电脑(就是这一款). 使用苹果的笔记本电脑真是一种非常自然舒适的体验! 以我使用苹果笔记本的经验, 我认为人人都应该使用带 Retina 屏的 MacBook Pro, 我目前为止, 我和我的同事们一共已经有了 3 台 rMBP, 还包括几台 MBP, 每个人都认为物超所值. 首先, Retian 屏幕拥有更高的分辨率(普通屏幕的…

移动端 Retina屏 各大主流网站1px的解决方案

Retina屏的移动设备如何实现真正1px的线? 在retina屏下面,如果你写了这样的meta <meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"> 你将永远无法写出1px宽度的东西,除此之外,inline的SVG等元素,也会按照逻辑像素来渲染,整个页面的清晰度会打折: 先看看  “诸子百家 ”  是如何实…

[ios2]判断retina 屏幕

判断是否retina屏幕 #define isRetina ([UIScreen instancesRespondToSelector:@selector(currentMode)] ? CGSizeEqualToSize(CGSizeMake(640, 960), [[UIScreen mainScreen] currentMode].s…

7种方法解决移动端Retina屏幕1px边框问题

在Reina(视网膜)屏幕的手机上,使用CSS设置的1px的边框实际会比视觉稿粗很多.在之前的项目中,UI告诉我说我们移动项目中的边框全部都变粗了,UI把他的设计稿跟我的屏幕截图跟我看,居然真的不一样.没有办法,只有在后面的版本中去修改了,但是要改的话,需要知道是为什么.所以查了很多资料,终于搞懂了这个问题,并且总结了几种方法. 造成边框变粗的原因 其实这个原因很简单,因为css中的1px并不等于移动设备的1px,这些由于不同的手机有不同的像素密度.在window对象中有一个devicePixe…

【转载】Retina屏的移动设备如何实现真正1px的线？

文章转载自 酷勤网 http://www.kuqin.com/ 原文链接:http://www.kuqin.com/shuoit/20150530/346322.html 原文摘要:前些日子总被人问起 iOS Retina 屏,设置 1px 边框,实际显示 2px,如何解决? 最后找到一个还算好用的方法:伪类 + transform 原理是把原先元素的 border 去掉,然后利用:before或者:after重做 border ,并 transform 的 scale 缩小一半,原先的元素相对…

【iOS 开发】iOS 开发 简介 (IOS项目文件 | MVC 模式 | 事件响应机制 | Storyboard 控制界面 | 代码控制界面 | Retina 屏幕图片适配)

一. iOS 项目简介 1. iOS 文件简介 创建一个 HelloWorld 项目, 在这个 IOS 项目中有四个目录 : 如下图; -- HelloWorldTests 目录 : 单元测试相关的类和资源; (1) HelloWorld 目录 HelloWorld 目录介绍 : -- 命名规则 : 该目录名称与 IOS 项目名称相同, 是主目录; -- 存放内容 : IOS 项目的 源码文件, 界面设计文件, 资源文件都存放在该目录下; -- 源文件 : Objective C 的 .m 和…

Cocos2D瓦块地图高清屏(retina)显示比例问题的解决

大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请多提意见,如果觉得不错请多多支持点赞.谢谢! hopy ;) 在Cocos2D的游戏编程里,常用到瓦块地图.而cocos2D 3.4.9中在高清屏下地图的显示模式总是处在普清屏的状态,如下图所示: 可以看到地图中每一个瓦块相当模糊,这在retina屏中是不能接受的,在国内和国外论坛上都找了一番没有满意的解决办法. 后来自己尝试解决了,非常简单只是在App进入点加上一行: [CCDirector sharedDirecto…