reference (refer to Http://www.w3.org/html/ig/zh/wiki/CSS3 media queries): -width viewport widths -height viewport height -device-width Width of the device screen -height of device-height device screen -orientation detection screen in horizontal or vertical screen -aspect-ratio width-to-height ratio based on viewport -Device-aspect-ratio Based on the aspect ratio of the device screen -the number of bits of color, such as whether the min-color:32 match device has 32-bit or more colors -colors in
A project has a slicing layer as the basemap, and a dynamic layer as the topic. Two layers are superimposed.
The ratio of the display condition to the slice of the dynamic layer is set accordingly. That is, when the slice layer is displayed below a certain proportion, the topic layer will hide and display some content that can be displayed at this proportion.
This function is completely normal when the rest service is accessed through a browser. However, it cannot be correctly displayed on the
at the handouts flying all over the sky, the poor man reached out and grabbed one. He only saw a few google URLs printed on the hard paper that wiped his ass. Poor road is very disdainfully inserted into the bag, it should be a draft paper.
Pull out the crumpled handout and click a link. As mentioned above, Android divides the tablet into four grades based on dpi to adapt the app to different tablet resolutions.
, using @mipmap/res_id in our resources, and using r.mipmap.res_id in our code. For example, in Androidmanifest.xml, this refers to the Ic_launcher icon:applicationandroid:allowbackup="true"android:icon="@mipmap/ic_ Launcher "android:label=" @string/app_name "android:supportsrtl=" true " android:theme="@style/apptheme"> activity android:name=". Mainactivity "> intent-filter> action android:name="Android.intent.action.MAIN"/> category android:na
the user to zoom to the maximum scale.Minimum-scale: The minimum scale to which the user is allowed to zoom.User-scalable: Whether the user can manually scaleSome questions about the viewportViewport is not just a unique attribute on iOS, it also has viewport on Android and Winphone. The problem they are trying to solve is the same, ignoring the true resolution of the device, directly through the DPI, resetting the resolution between the physical siz
Android adaption _ related concepts and applicationsThere are several concepts and related formulas: 1. dp: device independent pixels (device independent pixels ), is the ratio of pixels to density dp = px/density 2, dpi (dot per inch points per inch) is equal to the ppi, is the ratio of the number of screens on the diagonal line and the size of the screen dpi = ppi = (√ (screenHeight ^ 2 + screenWidth ^ 2)
viewportViewport is not just a unique attribute on iOS, it also has viewport on Android and Winphone. The problem they are trying to solve is the same, ignoring the true resolution of the device, directly through the DPI, resetting the resolution between the physical size and the browser, which is independent of the resolution of the device. For example, you take a 3.5 inch-320 * 480 Iphone3 GS, 3.5 inch-640 * 960 of iphone4 or 9.7-inch -1024*768 ipa
Add these words to the whichWidth=device-width: Indicates width is the width of the device screenHeight=device-height: Indicates width is the width of the device screenInitial-scale=1.0: Represents the initial scaling scale (1 times times the initial size, i.e. the original)minimum-scale=0.5: Represents the minimum zoom ratioMaximum-scale=2.0: Represents the maximum zoom ratioUser-scalable=yes or 1: Indicates whether the user can adjust the zoom ratio (no or 0: indicates non-adjustable scaling)
is determined by the screen resolution, usually defined as the number of dots per inch (dpi). Android supports three screen pixel densities: low pixel density, medium pixel density, high pixel density. A low-pixel-density screen has fewer pixels per inch, while a high-pixel-density screen has more pixels per inch. The default screen for Android browser and webview is medium pixel density.The following is the range of values for the Target-densitydpi
(Conversion) drawable (ldpi, mdpi, hdpi, xhdpi, and xxhdpi) in the android res folder ),Drawable (ldpi, mdpi, hdpi, xhdpi, and xxhdpi) in the android res folder)
(1) The drawable-hdpi contains high-resolution images, such as WVGA (480x800) and FWVGA (480x854)
(2) drawable-mdpi stores medium-resolution images, such as HVGA (320x480)
(3) drawable-ldpi stores low-resolution images, such as QVGA (240x320)
Ldpi: 240x320Mdpi: 320x480 hdpi: 480x800, 480x854xhdpi: At least 960*720 xxhdpi: 1280x720
Andro
Android design size and Android design sizeTerms and conceptsScreen Size
Refers to the actual physical size, which is measured on the diagonal line of the screen.For simplicity, Android divides the actual screen size into four broad sizes: small, normal, large, and extremely large.Pixel (PX)
A physical pixel represents a physical pixel on the screen.Screen Density
To solve Android device fragmentation, a concept of DP, that is, density, is introduced. The number of pixels displayed on a physical
programmers and design sisters!
First, we need to understand this figure:This section lists the five common dpi types in Android development. dpi refers to pixels per inch (for example, a width is 1.5 inch pixels, the dpi of a mobile phone with a height of 2 inch or 320 pixels is: 240px/1.5in = 320px/2in = 160 dpi, wh
Add the above sentence in the (initial size is 1 times times, which is the original)minimum-scale=0.5: Represents the minimum scale maximum-scale=2.0: Represents the maximum scale User-scalable=yes or 1: Indicates whether the user can adjust the zoom ratio(no or 0: indicates non-adjustable scaling)TARGET-DENSITYDPI: A screen pixel density is determined by the screen resolution, usually defined as the number of dots per inch (dpi). Android supports thr
which the user is allowed to zoom.User-scalable: Whether the user can manually scaleSome questions about the viewportViewport is not just a unique attribute on iOS, it also has viewport on Android and Winphone. The problem they are trying to solve is the same, ignoring the true resolution of the device, directly through the DPI, resetting the resolution between the physical size and the browser, which is independent of the resolution of the device. F
to width and specifies the height.Initial-scale: the initial scale, that is, the scale when the page is loaded for the first time.Maximum-scale: the maximum scale that users can scale.Minimum-scale: minimum scale that allows users to scale.User-scalable: whether the user can manually Scale
Questions about viewport
Viewport is not only unique in ios, but also has viewport on android and winphone. They solve the same problem, that is, directly resetting the resolution between the physical size an
1.CSS3 rounded white edge: When using the CSS3 fillet effect, white edges are generated on some Android machines, so a div should be in the rounded div (the background color is the same as the outside), and then there is a fillet effect inside the div that uses its own background colorborder-radius:5px;Box-shadow:inset 0 2px 5px #e1e1e1;2. Screen resolution problems: for example, the 640*480 on the PC and the device's resolution 640*480 different, involving resolution density (
In the project development process, usually have to encounter screen adaptation problems, the following is my project in the development process summed upA set of screen adaptation program, share to everyone;The Android screen fits some concepts that you must understand:Pxis the abbreviation for the English word pixel, which means pixels, dots on the screen. The resolution we usually refer to as 480x800 is the pixel.DpiDPI is the abbreviation for dots per inch, in dots, which contains the number
What is DPI? DPI is the abbreviation for "dot per inch" and the number of pixels per inch. Four density classifications: ldpi (Low), MDPI (Medium), hdpi (High), and xhdpi (extra high) General screen: LDPI is 120,mdpi is 160,hdpi is 240,xhdpi is 320.DPI Calculation formula dpi= Diagonal pixel value/sizePhone screen reso
-sawtooth is an image processing technique that uses foreground pixels close to the edge of the background to make the eyes look smoother. ArcGISThe server cache does not use real anti-aliasing, but does similar work to make the labels, unfilled lines, and polygon elements look smoother. If you are doing vector layer and image superposition, be careful to useThis tool. The background color of the Data box depends on the color of the anti-sawtooth element. By default, the color of the background
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.