Q: mobile terminal H5 page HD multi-screen adaptation solution,Background
Develop mobile terminal H5 page
Mobile phones with different resolutions
Mobile phones of different screen sizes
Visual draft
Before the front-end development, visual MM will give us a psd file called a visual draft.
For mobile development, in order to achieve the page HD effect, the specifications of visual drafts often follow the following two points:
1) First, select the screen width and height of a mobile phone as
Background
Developing mobile H5 Pages
Face different resolution of the phone
Face different screen size of the phone
Visual manuscriptBefore the front-end development, the visual mm will give us a PSD file, called the visual manuscript.For mobile development, in order to achieve the effect of high-definition pages, visual Draft specifications will often follow the following two points:1) First, choose a phone's screen width high as a benchmark (formerly IPhone4 320x480, now
Prepare a Mac for programmers, and wait for someone to come ... (Not Negotiable)1th set, 13 inch Pro Mc700, i5 2.3GHZ 4G 320g,hd3000 Graphics, color 9 new, mainland licensed, price 33992nd, 13 inch Pro Md313 upgrade, i5 2.4GHZ 4G 1tb,hd3000 Graphics, color 9 new, mainland licensed, Price 3600,3rd, 13 inch Pro Mc700, i5 2.3GHZ 16G 128ssd+320g,hd3000 Graphics, color 9 new, mainland licensed, price 4600,4th, 11 inch air md711b,i5 1.4ghz 4GB 128ssd,hd5100 graphics,, color 95 new, price 43995th, 11 i
://media.cs.tsinghua.edu.cn/cn/aihz(42) Biological identification and Safety technology Research Center of CAS: http://www.cbsr.ia.ac.cn/china/index%20CH.asp(43) Professor Thomas Vetter, University of Basel, Switzerland: Http://informatik.unibas.ch/personen/vetter_t.html(44) Dr. Rob Hess, Oregon State State University: http://blogs.oregonstate.edu/hess/(45) Associate professor, Yushi, Shenzhen University: http://yushiqi.cn/(46) Institute of Artificial Intelligence and robotics, Xi ' an Jiaotong
Original: Http://www.cocoachina.com/webapp/20150715/12585.html?utm_source=tuicoolBackground
Developing mobile H5 Pages
Face different resolution of the phone
Face different screen size of the phone
Visual manuscriptBefore the front-end development, the visual mm will give us a PSD file, called the visual manuscript.For mobile development, in order to achieve the effect of high-definition pages, visual Draft specifications will often follow the following two points:1) First,
:
width: 2px;height: 2px;
On different screens (normal screen vs retina screen), css pixels are displayed in the same size (physical size, the difference is that the number of physical pixels corresponding to one css pixel is inconsistent.
On a normal screen, one css pixel corresponds to one physical pixel (1:1).On the retina screen, one css pixel corresponds to four physical pixels (1:4).
Bitmap pixels
A B
Latest version of Boot Camp 6 Apple driver supported models listApple officially has released the list of Bootcamp 6 driver-supported models, and basically 2012 years later, Macbook/pro/air/imac/mac Mini/mac Pro will be able to get updates (see list below). The Bootcamp 6 driver supports both 64-bit and 32-bit operating systems, and the new version provides perfect compatibility with Windows 10, and also provides support for new USB 3.0, C + +, Thunderbolt interfaces, and more. In summary, a fri
Before I write this article, I have to introduce a few things:1th: What is displayed above the screen is independent of the size of the screen2nd: What is displayed above the screen is completely independent of the resolution3rd: What is displayed above the screen is irrelevant to screen size, screen resolution, PPI, etc.So what is it that affects how much of the content is displayed on the screen? In Apple's iOS device, that is the number of points (PT) points on the screen, point is an absolut
It is said that iOS development is easier than Android development. How does IOS achieve this? Let's take a look at it today. I hope it will be helpful to those who are doing IOS interface design.
1. iOS device resolution
There are currently three most important iOS devices (Apple TV and so on), divided into two categories by resolutionIPhone/iPod Touch
General screen resolution: 320 pixels x 480 pixels
Retina resolution: 640 pixels x 960 pixelsIPad,
Test Apple's new iPad
Apple's new product launch conference was held on time at on July 15, March 8, Beijing time. The debut of brand new Apple TV, Apple iOS 5.1, and Apple iPad also failed to meet the expectations of global consumers. The most eye-catching star of this Conference is naturally not Apple's new iPad, and the six major upgrades of this new tablet are nothing more than expectations. Apple did not name the next-generation Apple iPad "Apple iPad 3" or another name, which means the tab
/index.php, MIT(49) Research Group on Biometrics, Michigan State University (Anil K. Jain): http://www.cse.msu.edu/rgroups/biometrics/(50) Thomas S. Huang:http://www.beckman.illinois.edu/directory/t-huang1, Illinois State University, USA(51) Research center of Digital photogrammetry and Computer vision, Wuhan University: http://www.whudpcv.cn/index.asp(52) Assistant researcher, Sami Romdhani, University of
You Are (for example, TouchID in the iPhone is an application for biological recognition ).There is now an interesting behavior biometrics technology called "How do you type.Key Recognition TechnologyThe real situation is that there are different ways of typing. However, this difference is largely invisible to the visual, but the computer can distinguish between different writers through observation. For example, the time interval when you press diff
/china/index%20CH.asp(43) Professor Thomas Vetter, University of Basel, Switzerland: Http://informatik.unibas.ch/personen/vetter_t.html(44) Dr. Rob Hess, Oregon State State University: http://blogs.oregonstate.edu/hess/(45) Associate professor, Yushi, Shenzhen University: http://yushiqi.cn/(46) Institute of Artificial Intelligence and robotics, Xi ' an Jiaotong University: http://www.aiar.xjtu.edu.cn/(47) Carnegie Mellon University researcher Robert T. Collins:http://www.cs.cmu.edu/~rcollins/hom
://media.cs.tsinghua.edu.cn/cn/aihz(42) Biological identification and Safety technology Research Center of CAS: http://www.cbsr.ia.ac.cn/china/index%20CH.asp(43) Professor Thomas Vetter, University of Basel, Switzerland: Http://informatik.unibas.ch/personen/vetter_t.html(44) Dr. Rob Hess, Oregon State State University: http://blogs.oregonstate.edu/hess/(45) Associate professor, Yushi, Shenzhen University: http://yushiqi.cn/(46) Institute of Artificial Intelligence and robotics, Xi ' an Jiaotong
1, we in the computer interface we press the "Win+x" on the keyboard and then in the Open interface we click on the "Control Panel" effect as shown below;
2, after you can set up the Control Panel list, we click on "Large Icon", found below "Biometric device" and click;
3, click the "Change biometrics settings" effect as shown below;
4, the system defaults to set the function is closed;
4, we click on "
UIRequiredDeviceCapablities to prevent devices without gyroscopes from installing the app. This key is further described later in this chapter.
5. Test Compass or magnetometerCompass usability can be checked using CoreLocation.framework the CLLocationManager classes in. Call CLLocationManager the headingAvailable method in, and if the return value is true, you can use the compass in your app. The compass is of great use in location-related applications and in applications where augmented
I did iOS app development, in order to toss an iOS app icon, wrote a simple iOS application Development icon Specification automatic cutter, but time and time, the current iOS device screen specification is also more and more, a version will produce several specifications of the resolution of the icon, With PS what one of a generation laborious, if the icon has to be rebuilt again, so the whole program to do this work easier.The idea is very simple, first import a large picture ( Note: This grap
First, the mobile end of some concepts
Visual Draft (choose a phone's screen height as the benchmark)
Before the front-end development, visual mm will give us a PSD file, called Visual manuscript.
For mobile end development, in order to achieve the effect of the page HD, visual Draft norms will often follow the following two points:
1 First, choose a mobile phone screen width as the benchmark (formerly IPhone4 320x480, now more is Iphone6 375x667).
2 for
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.