retina-display

Font sizes in UIWebView does NOT match iOS font size

。_饼干妹妹 提交于 2019-12-09 02:37:01
问题 Here's a UILabel which says "About". Set at exactly 17.7 in iOS. Below it a UIWebView which also says "About". Also set at exactly 17.7 using css. They don't match. How to fix this correctly? It is bizarre that in Apple's own UIWebView, the size basis is different ? Html to test... <html><head> <style type='text/css'> body { margin: 0px; font-family: 'SourceSansPro-Light'; font-size: FONTPOINTSpt; } html { -webkit-text-size-adjust:none; } </style></head> <body leftmargin=0 topmargin=0> About

MonoTouch: Doubling Appearance Image size when Hue adjusted on Retina display

ぐ巨炮叔叔 提交于 2019-12-09 01:50:34
问题 I am setting the NavBar's background with this code which works great in Retina and non-Retina displays. There is a @2x and normal image. So, all good: UINavigationBar.Appearance.SetBackgroundImage( GetImage(ImageTheme.menubar), UIBarMetrics.Default); Now, when I apply this ChangeHue() transformation to the image to adjust its hue, on Retina displays the image is twice the size. Non-Retina displays are fine: UINavigationBar.Appearance.SetBackgroundImage( ChangeHue(GetImage(ImageTheme.menubar)

How to test a webpage meant for Retina display?

半城伤御伤魂 提交于 2019-12-08 22:19:38
问题 I have coded a webpage meant for retina display. I currently do not have a retina display monitor. Is there any simulator application or tool to test web pages for retina display? Or, are there monitors(not Apple's MacBook or iPad) which are similar to Apple's retina display? Thanks in advance. 回答1: about:config hack on Firefox You actually can using Firefox: Go to about:config Find layout.css.devPixelsPerPx Change it to your desired ratio (1 for normal, 2 for retina, etc.) Screenshot:

What is the proper way to handle hi-res web images for hi-res displays (mainly iOS retina displays)?

我的梦境 提交于 2019-12-08 16:45:58
问题 I have a mobile website taking advantage of jQuery Mobile, however the images, frankly, look like crap on the iPhone 4/4S. I assume the same will go for the "new iPad" when it is available later this week. I know this has something to do with the pixel ratio and/or image DPI (or PPI or whatever you want to call it... let's not get into a discussion about that). I simply want to know what is the best method for serving hi-resolution web images for these iOS retina displays. At first, I thought

How to make JavaFX Applications non-blurry on Retina Display

旧城冷巷雨未停 提交于 2019-12-08 16:18:33
问题 A JavaFX application appears blurry on the MacBook Pro Retina screen. Is there a way to display the application sharp? In a blog post/comment was mentioned that this is the case currently: http://fxexperience.com/2012/11/retina-display-macbook-pro/ This is the example fxml: <?xml version="1.0" encoding="UTF-8"?> <?import javafx.scene.layout.*?> <?import javafx.scene.control.*?> <VBox xmlns:fx="http://javafx.com/fxml"> <MenuBar> <Menu text="File"> <items> <MenuItem text="Exit"/> </items> <

How to make an iphone and iphone4-retina compatible app (done in cocoa) easily adapted to ipad?

ぐ巨炮叔叔 提交于 2019-12-08 11:15:33
问题 My question is simple: when an iPhone app also supports retina display, it does not need an additional xib file. (Fonts and images are auto-scaled, you just need to prepare double-resolution images.) I want that retina view also applies to iPad and hence there's no additional xib files. (Scale a bit and leave a bit margin, maybe.) Yes, I just want it look bigger, but not in the low-resolution version scaled up from 320x480. 回答1: The iPhone, even with a retina display, is not an iPad. You can

UIView not scaling to iPad retina

∥☆過路亽.° 提交于 2019-12-08 10:38:23
问题 I'm updating my app to work with the iPad retina display, but for some reason one of my views doesn't want to scale to 2x. As you can see in the screenshot, the text on the button on the left scales properly, while the text on the right still display the fonts in low resolution. (The gray bg is still low res, but I'm working on that). I'm adding the ViewControllers as children of the main controller correctly, and the views also follow the same hierarchy. Thanks! 回答1: I figured out the

Preparing the images for retina-ready (web)

落爺英雄遲暮 提交于 2019-12-08 08:28:29
问题 I have a question that have been on my mind for several time now: how should I prepare the images that I am going to use on a website to be retina-ready? Yes, I have been spending hours on the interweb on this topic, but so far I haven't find the one 'ultimate answer'. In this thread for example (link: image size for retina display), it is only mentioned that I need to double the dimensions. But how about the resolution? Real life situation: an image is created using Photoshop (or whatever

Unresponsive screen on iPhone 5, iOS 6 Simulator

孤人 提交于 2019-12-08 03:10:33
问题 I have added a Default-568h@2x.png to my app and it looks fine on Retina 4 inch simulator. However there is about 170 pixel area on the bottom of the screen where no response to tapping and/or touching. Do you have the same problem? Any idea how to solve this? 回答1: Assuming you are using MainWindow.nib, click the root VC and select "full screen at launch". Alternatively, in -applicationDidFinishLaunching:withOptions: window.frame = [UIScreen mainScreen].bounds (or window.frame = window.screen

@2x images for iPhone OS 4.0

一世执手 提交于 2019-12-08 02:43:48
问题 i have button image of size 560*66 can i put this button image iPhone 4.0 device?and also how will i give aspect ratio this button by using @2x. 回答1: If you are making a universal app, for both iphone and ipad, then you need to have a naming scheme like this MyIcon.png //ipad MyIcon~iphone.png //low res iphone MyIcon@2x~iphone.png //high res iphone You don't need to have a pixel wise correlation between the ipad and the iphone pictures, but the low res and high res pictures need to be exactly