Basic ios-resolution adaptation
(1) Definition of resolution
Resolution refers to the number of pixels contained in a unit length. The unit is usually pixel/inch (ppi ). The resolution units are: (dpi points per inch), lpi (lines per inch), and ppi (pixels per inch ).
(2) ios resolution
There are currently three most important iOS devices (Apple TV and so on), divided into two categories by resolution
(1) iPhone/iPod Touch
General screen resolution: 320 pixels x 480 pixels
Normal
inch display", and so on.
B.How can I set different sizes based on different devices?
If you do not want to use a set of screens of the same size, you can click "select file" on the display area 5.5 inch, 4.7 inch, 4 inch, and 3.5 inch respectively, and then upload the screens of different sizes.
Note: The upper-level dimensions can be used for the display area of 4.7 inch, 4 inch, and 3.5 inch.
3. Apple provides different screen requirements for different devices.
There are four iPhone-orient
of a color value and a luminance value. The so-called one-screen, twice-screen (Retina), three times-times screen, refers to how many physical pixels the device displays a CSS pixel, that is, multiple times the screen with more finer physical pixels to display a CSS pixel point, in the ordinary screen 1 css pixels corresponding to 1 physical pixels, On the retina screen, 1 css pixels correspond to 4 physic
use rate will be very high.
Retina screen--in fact, the human eye is the most critical organ
I remember in the high screen just popular to the MacBook Pro when there has been controversy, that does not look at the picture does not need to see the film does not require a high screen, in fact, this is a kind of arbitrary, anyone see high screen after it is very difficult to go back, so that people are really picky.
For me, the main job is surfing
-precomposed . The original design does not heighten the light effect of the icon. According to the actual project situation, choose to use.You can also use media to control the loading of different screens:Iphonehref="Apple-touch-startup-image-320x460.png"Media="(device-width:320px)"Rel="Apple-touch-startup-image"/>//iPhone Retinahref="Apple-touch-startup-image-640x920.png"Media="(device-width:320px) and (-webkit-device-pixel-ratio:2)"Rel="Apple-touch-startup-image"/>//IPhone5Rel="Apple-touch-s
Although not able to develop native App, but still can take advantage of the features of the Safari browser in iOS little toss, do a pseudo-web App to meet the small vanity. Since it's a safari toss in iOS, it's basically a private property of safari that's used in the code. Adding an icon to the home screen is the first step in the Web app: Adding an icon to the screen has two property values Apple-touch-icon and apple-touch-icon-precomposed, the difference is whether the layer of highlights t
Look at a lot of information has not been found to have a detailed introduction, including Apple official documents, is also a cursory. It was later seen in a blog that introduced the MacBook print font and was inspired.First, the length unit of the Apple device drawing can be thought of as point, not pound (PT). This point is a logical concept and is device-independent.Figure 1: Different resolution screen display 1pointFor traditional conventional screens, 1 point maps physical screen 1 pixel.
In iOS development often to add a splash screen for the project, the purpose of the main two: first, more beautiful, second, in the Start screen rendering while loading the initialization of the internal project data.Note in iOS development, the need is a PNG format picture, only good support for this format, money is wayward.The following are all supported applications in IOS7 and above:Preparatory work:PNG images of 1242*2208, 750*1334 pixels mainly distinguish between 5.5-inch and 4.7-inch ip
. And thus 60x60 pixels for the retina version.
So how to make icons like that? By following this simple tutorial.The tutorial assumes that you are using Photoshop and are fairly familiar with working with layers and stuff.
1. Create a New Photoshop document. 60x60 pixels, RGB mode with transparent background. This is for the retina resolution image.
2. Select All and fill with solid white color.
3. Add a
users' attention.
4. Fixed Header bar
The fixed attribute of CSS is used to fix the title bar of the webpage header. This design is combined with the infinite scroll function, which can bring an excellent experience to users and allow users to quickly return to the navigation point.
5. Interaction
Users are looking for more interaction and participation. Nerdwallet has an interactive tool to search for flight rewards or other special offers to earn a credit card. Create game shows to launch
Latest reference Apple website address:https://developer.apple.com/library/ios/qa/qa1686/_index.html, the page below has the detailed use method
Table 1 iphone-only app icon requirements.
Image Size (px)
File Name
Used for
APP Store
Ad Hoc
512x512
Itunesartwork
APP list in ITunes
Do not include
Optional but recommended
1024x1024
[Email protected]
APP list in ITunes on devices with
, we're going to introduce one of the most important concepts: pixel density, which is the PPI (pixels per inch). This indicator is a bridge connecting the digital world to the physical world.Pixels per inch, exactly, is the number of pixels in the length of the line. 1 inches is a fixed length, equal to 2.54 centimeters, about the length of the knuckles at the end of the index finger. The higher the pixel density, the finer the representation of the screen appears. The
Objective-c learning 2 Overview, objective-c OverviewThis article mainly introduces some basic concepts to understand the Retina screen of the IOS device of the Objective-CSDK Application
This is what I would like to explain. when Steve Jobs launched the iPhone 4, the word Retina screen swept the world (I thought the Retina screen was an apple screen: pixel d
[1] definition [2] classification [3] scaling [4]DPR[5]API front wordsPixels are used almost every day in web development, but what exactly is a pixel, is there a difference between the pixel on the mobile and the desktop, and how does scaling affect the pixel, and what does the retina screen have to do with pixels? On these issues, it may be unclear. This article will introduce you to the relevant knowledge about pixelsDefinedPixels, also known as th
Pixels are used almost every day in web development, but what exactly is a pixel, is there a difference between the pixel on the mobile and the desktop, and how does scaling affect the pixel, and what does the retina screen have to do with pixels? On these issues, it may not be clear. This article will introduce you to the relevant knowledge about pixelsDefinedPixels, also known as the picture element, is the basic unit of the image display, translate
change GRUB_CMDLINE_LINUX it to GRUB_CMDLINE_LINUX="libata.force=noncq" . Hit Ctrl+x to save, and Y then Enter to confirm. Then, you'll want to type into sudo nano /etc/grub.d/40_custom the terminal, which would open up a new file. In it, type this exactly:
menuentry "Mac OS X" {exit}
This would allow your to boot into your MAC OS X installation (the 32-bit and 64-bit entries in GRUB does not work). Do the same thing to save and exit, then type on for the sudo update-grub changes
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.