first, the basic concept
Dip:density independent pixels, device independent pixels.
DP: Just Dip
PX: pixels
dpi : dots per inch, which is directly the number of pixels in an inch. A common value of 120,160,240. I am generally referred to as pixel density, short density
density : Direct transl
This article summarizes and explains some solutions and knowledge for mobile H5 HD and multi-screen adaptation. Before the front-end development, visual MM will give us a psd file called the visual draft. For mobile development, in order to achieve the page HD effect, the specifications of visual drafts often follow the following two points :......,.
Background
Develop mobile terminal H5 page
Mobile phones with different resolutions
Mobile phones of different screen sizes
Visual draft
Before
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 320x4
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,
some pixels belong to the target), the effect will be more perfect:(3) Its border matting technology will make the target segmentation boundary more natural and perfect:Of course, it also has an imperfect place, one is not an algorithm can be universal, it is no exception, if the background is more complex or the background and the target similarity is very large, then the segmentation is not very good, second, the speed is a bit slow. Of course, the
Learn about mobile-side developmentWhat makes the mobile side develop? This is the development of Web pages on mobile devices such as mobile phones. This article will focus on some basic concepts as well as REM adaptation scenarios, which are now more popular for mobile adaptation through REM.Part I: Basic conceptsPhysical pixels: This is the smallest display unit that can be controlled on the screen, such as the smallest unit of display color.CSS
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 视觉稿 .For mobile development, in order to achieve the effect of high-definition pages, visual Draft specifications will often follow the following two points:
First of all, choose a phone 屏幕宽高 基准 (formerly iphone4 320×480 , now more Iphone6 375×667 ).
is the block that tells you which pixels the triangle covers, and in some cases it gives the coordinates of the center of gravity of those pixels in the triangle. But that's the only thing. Not only does not give u and V, not even 1/z.Of course there are no textures and shading, but these are not a thing by using dedicated textures and shader units. Second, if you have written your own triangular mapper, y
. Browsers on mobile devices will set their default viewport to 980px or 1024px (and possibly other values, as determined by the device itself), but with the result that the browser will appear with a horizontal scroll bar, Because the width of the viewable area of the browser is smaller than the width of this default viewport. Lists the width of the default viewport for browsers on some devices.Second, 1px in CSS is not equal to the 1px of the deviceIn CSS we generally use PX as the unit, in th
default viewport to 980px or 1024px (and possibly other values, as determined by the device itself), but with the result that the browser will appear with a horizontal scroll bar, Because the width of the viewable area of the browser is smaller than the width of this default viewport. Lists the width of the default viewport for browsers on some devices.Second, 1px in CSS is not equal to the 1px of the deviceIn CSS we generally use PX as the unit, in the desktop browser CSS 1
. Browsers on mobile devices will set their default viewport to 980px or 1024px (and possibly other values, as determined by the device itself), but with the result that the browser will appear with a horizontal scroll bar, Because the width of the viewable area of the browser is smaller than the width of this default viewport. Lists the width of the default viewport for browsers on some devices.Second, 1px in CSS is not equal to the 1px of the deviceIn CSS we generally use PX as the unit, in th
desktop browsers can be displayed properly on mobile devices. Browsers on mobile devices will set their default viewport to 980px or 1024px (and possibly other values, as determined by the device itself), but with the result that the browser will appear with a horizontal scroll bar, Because the width of the viewable area of the browser is smaller than the width of this default viewport. Lists the width of the default viewport for browsers on some devices.Second, 1px in CSS is not equal to the 1
to the size of the viewable area of the browser, it may be larger than the viewable area of the browser, or it may be smaller than the viewable area of the browser. By default, the viewport on a mobile device is generally larger than the viewable area of the browser, because the resolution of the mobile device is relatively small compared to the desktop, so that the traditional Web site designed for desktop browsers can be displayed properly on mobile devices. Browsers on mobile devices will se
. Browsers on mobile devices will set their default viewport to 980px or 1024px (and possibly other values, as determined by the device itself), but with the result that the browser will appear with a horizontal scroll bar, Because the width of the viewable area of the browser is smaller than the width of this default viewport. Lists the width of the default viewport for browsers on some devices.Second, 1px in CSS is not equal to the 1px of the deviceIn CSS we generally use PX as the unit, in th
. Browsers on mobile devices will set their default viewport to 980px or 1024px (and possibly other values, as determined by the device itself), but with the result that the browser will appear with a horizontal scroll bar, Because the width of the viewable area of the browser is smaller than the width of this default viewport. Lists the width of the default viewport for browsers on some devices.Second, 1px in CSS is not equal to the 1px of the deviceIn CSS we generally use PX as the unit, in th
Dip device independent pixels ( device independent pixels). Different device different display effect, this and device hardware, generally we support WVGA, HVGA and QVGA recommend using this, do not rely on pixels. Programs developed on Android will run on phones with different resolutions. The concept of dip is introduced in order to make the program look less d
The CSS framework was upgraded from February 21 to 0.7.1. After such a long version upgrade, I finally changed the mode of CSS rules in different CSS files to the mode of a single file, so I feel that the Blueprint CSS framework is now a CSS framework that can be used in actual projects.
This CSS framework sets the html tag as follows:
The attributes of 43 html tags (91 html 4.0 tags) are reset in a unified manner. (html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
change the image resolution to "150 pixels/inch ";3. move the mouse over the arrow at the bottom left of the window and press and hold the mouse button. a dialog box is displayed.4. select "document size" in the dialog box. Then, on the status bar, we can see "(C) document: 6.02 M/M", where the former is the image file size, the latter is the size after opening.
5. Repeat step (3) and select "size of the temporary storage disk ". The status bar displ
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.