All along, I on the mobile resolution, pixels, such as the concept of silly, special look at a number of cattle people blog after the summary of the following points for future review.
Document Source
Http://weizhifeng.net/you-should-know-about-dpi.htmlHttp://www.chinaz.com/manage/2015/0902/441624.shtmlHttp://www.cnblogs.com/2050/p/3877280.htmlHttp://www.uisdc.com/mo
Camera pictures, pictures on the computer, text in Word, computer screen, mobile screen, camera screen display size Everything's all figured out!First, the picture.xxdpi= points DotX is the actual size of the picture, simple point
Basic mobile phone resolution knowledge (DPI, DIP computing)
1. terms and concepts
Terms
Description
Remarks
Screen size)
It refers to the actual physical size of the mobile phone, such as the commonly used 2.8 inch, 3.2 inch, 3.5 inch, 3.7 inch
OverviewThe terms screen resolution, device pixels (device-width), and css pixels (width) are interchangeable in very many contexts, but are therefore easy to confuse where there is a difference. In fact, they are different concepts.Screen resolution and device pixels are physical concepts, while CSS
OverviewThe terms screen resolution, device pixels (device-width), and css pixels (width) are in very many contexts. are interchangeable, but so easy can cause confusion in different places, in fact they are distinct concepts.Screen resolution and device pixels are physical concepts, while CSS
Mobile H5 Dynamic Set HTML font-size screen bug fix and horizontal screen tip by Fungleo prefaceIn the previous mobile app showing the same effect solution on different size phones, we're only thinking about the default vertical
. Other units related to pixels What is the device pixel ratio (devices pixel ratio)? Device pixel ratio refers to the ratio between a device pixel and a CSS pixel. When this ratio is 1:1, 1 device pixels are used to display 1 css pixels. When this ratio is 2:1, 4 device pixels are used to display 1 css
OverviewScreen resolution, device pixels, and CSS pixels these terms, which are interchangeable in very many contexts, are therefore easy to confuse where there are differences, in fact they are different concepts.Screen resolution and device pixels are physical concepts, while CSS pixels are the concept of Web program
Mobile phone station development encountered some problems, design page Use how large size? To do some research, in addition to the iphone special some, currently on the market Android system actually display the width of the page, are 360px.
Mobile phone model
Vertical screen width
IPhone
The screen size of Android mobile phones has always been a headache for developers. Because the screen sizes used by mobile phone manufacturers are different, the presentation and layout of user UI interfaces are naturally different. Therefore, when developing Android
Strange shape of the small screen mobile phone all-powerful era is gone forever. In fact, industry trends in recent years have shown that large-screen handsets, or giant-screen handsets, will dominate for a long time. And now, it is time to sum up the past few years, the face of large
physical size: Refers to the size of the diagonal screen, usually in inches (inch) to indicate. Resolution: Refers to the number of pixel points that are contained within the unit length. For example, on a screen with a resolution of 1024x768, where each horizontal line contains 1024
problem of accuracy rate, hot zone and dead angle.
There is a qualitative change in the research of touch-screen mobile phone interaction and PC interaction. Input devices from the mouse keyboard into a finger, on the one hand, the operational accuracy of the challenge, in the intensive information processing, users often appear many misoperation; On the other hand, the finger operation of the special "De
This article for everyone to explain how to get the mobile phone screen size, provide a solution, share for everyone to reference, the specific content as follows
Run Effect chart:
After running the program, when we click the button, we can see the following effect chart:
Specific code:
We can get the resolution size
First of all to determine whether the screen caused by the problem, so the code to check.
The Window.orientation object is not valid on the phone.
Above this string of JS code, you can detect the mobile device's screen status.
So how to solve the screen when the page content font
Share a tool site http://screensiz.es is used to query the size, screen density, and resolution of mainstream mobile phones, tablets and displays, with this site we can know the resolution, density, better fit, benefits [collection]./** * -------------- * 欢迎转载 | 转载请注明 * -------------- * 如果对你有帮助,请点击|顶| * -------------- * 请保持谦逊 | 你会走的更远 * -------------- * @autho
The page can adapt to the screen size of the mobile phone. the picture in it cannot be edited by wealsh at 2014-03-2717: 53: 53 html nbsp; lt; meta nbsp; nameviewport nbsp; contentwidthdevice-width. the minim page can be adaptive to the screen size of the
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.