With the increasing number of mobile phone screens, some users' mobile phone screens are still in the size of 240*320. Of course, they are also stored in some irregular screen resolution. For many UIS, multiple sets of images can be drawn from different mobile phone screens
In the Baidu Library to see a mobile page on the adaptation of the screen width of the mobile phone, feel very good, collect a bit.1, the use of META tags , this is also a common use of the method, in theory, the use of this label can be adapted to all sizes of the screen, but the device to the label interpretation and
generation of only 10 seconds can completely disappear.In terms of hardware configuration, the LG G Flex 2 features a 5.5-inch screen that has been scaled down from the previous generation's 6-inch size, and the resolution has increased from 720p to 1080p. The processor is powered by the current strongest mobile processor, Qualcomm Snapdragon Dragon 810, a 64-bi
This article illustrates how Android is programmed to get the screen resolution size of a mobile phone. Share to everyone for your reference, specific as follows:
Import android.app.Activity;
Import Android.os.Bundle;
Import Android.util.DisplayMetrics;
Import Android.widget.TextView;
public class A03activity extends activity {
private TextView mTextView01;
screen, screen resolution, you can completely restore the design on the page.That is, the requirement is that the big phone, looking at each element, including the text is bigger. And on the small mobile phone, look smaller. All overall scaling?In addition, why should I give html{font-size: 62.5%;} , why not write dir
will be a problem with Android device size difference is very large light mainstream has a width of 320 480 720 1080 a variety of dimensions and the above label can only support one size, Of course some browsers will automatically zoom to adapt to the screen, but this is not a unified standard, the correct way is to use JS dynamic generation of this tag , of cou
Android in the custom control, often need to get the width of the screen, each time to write, you can directly encapsulate him into a tool class, directly to use, nonsense do not say, directly on the code
/**
* * * * * *
package com.example.customview;
Import Android.content.Context;
Import Android.util.DisplayMetrics;
Import Android.view.WindowManager;
/**
* Get mobile
Method One: Use the CSS3 media query to setHTML {font-size:12px} @media screen and (min-width:480px) and (max-width:639px) {html {font-size:15px;}} @media screen and (min-width:640px) and (max-width:719px) {html {font-size:20px;}} @media
, much longer than the duration of the animation tween. Every time the virtual keyboard is paused for more than a second, accumulated is also a considerable waste.
If the inverted layout does not conform to the usage, it will be detrimental to the reading and should not be. To know today's big hot microblogging site, they are upside down layout, and no one complained of reading inconvenience. And the more ancient features of mobile phones, text messa
Set viewpoint and screen widthsMainstream resolutionAndroid: Mainstream models mainly for 480x800, 480x854, 540x960, 720x1280, 800x1280 these five kinds.(Non-mainstream models also include: 240x320, 320x480, 640x960, three of them, two of which are consistent with the iPhone.) )IOS: Mainstream models are mainly 320x480, 640x960, 640x1136, 1024x768, 2048x1536, these five kinds.WP: Mainstream models mainly for 480x800,720x1280, 768x1280 these three kind
Set the root node font size, sub-nodes with REM units, to achieve adaptive.One, the CSS solution media querySet the HTML font-size@media screen and (min-width:320px){HTML {font-size:14px;}} @media screen and (min-width:360px){HTML {font-
This article to share is about how to use CSS and JS Mobile to judge the status of the phone screen, the content is very good, the need for friends can refer to, hope can help everyone.
To disable the user auto-scaling feature:
There are two ways to judge the state of the screen: CSS judgment, JS judgment
(a), CSS judge the horizontal
Recently work has written a mobile page, it was nothing, but there is a request feel very strange, has not encountered before, that is, I wrote this page needs to be placed in an app, but this app is horizontal screen, Open this page webview is also horizontal screen (the latest version of the app when the vertical screen
be problems Android equipment size difference is very large light mainstream has a width of 320 480 720 1080 and other sizes and above labels can only support a size, Of course some browsers will automatically scale to adapt to the screen, but this is not a unified standard, the correct way is to use JS dynamic generation of this tag, of course, should first get
.cn/wp-content/uploads/2012/09/Charging Animation 1.swf
Third, click the trigger behavior of the state
When the user fires the button, the option pops up, and the entire icon's background is simply black and semi transparent, with no more complex elements to be able to best articulate the functional area.
In order to avoid the animation of blunt, not soft problems occur, I modified the pop-up and retract the mechanism, so that the whole process of soft display.
The icon was optimized on a pr
1. Screen terminology
1. screen size: the size of the screen, that is, the diagonal line length (unit: inch-inch)
2. Screen density: screen density, that is, number of
This is the first problem that has been encountered in the recent practice of mobile instances. How to find the picture position you need.In addition, I see that CSS sprites is much faster than Dataurl, but I am looking at an analysis of the 13, many years past, do not know how the latest.I do not know whether to write the image element is the IMG tag or use background it?The following is a look at how to calculate the Background-
Use media to determine the problem with screen width:
iOS is possible when I rotate the screen, but there is no response on the Android machine, and the horizontal screen is still the style of my vertical screen.
Check the data, CSS3 media if you want to have a better display on the
.enableDrag: Allows you to drag the previous/next picture to the current interface. Default value = True15.enableKeyboard: Allow keyboard operation (left-right arrow toggle, ESC exit, enter auto play, empty Geshin/hidden title bar/exit). Default = True16.enableMouseWheel: Allows the mouse wheel to operate. Default = True17.fadeInSpeed: The speed (duration) of the fade element, in milliseconds. Default = 25018.fadeOutSpeed: Fade The effect Element's speed (duration), milliseconds. Default = 25019
At the beginning of the time because there has been no test on the mobile page, resulting in later written a number of pages after the test found that the page is particularly small, almost invisible.The reason is that each mobile device is its own default viewport width .Viewport: There are two viewports in the mobile browser: the visible viewport (device
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.