CSS compatibility is also the focus of attention. We must pay attention to the multi-test. Javascript multi-browser compatibility issues and solutions key to compatibility processing1. DOCTYPE affects CSS processing2, FF: Set padding, div will
For the Web front-end beginners or less experienced people, the page layout is not uncommon to be confused, sometimes the previous part of the page is very neat and beautiful, but in the next part of the page will often appear chaos, such as content
1. cursor:hand VS cursor:pointer Firefox does not support hand, but ie supports pointerworkaround : Unified Use of pointer 2.innerText InIE can work properly, but not in Firefox . Need Textcontent.Workaround :If (navigator.appName.indexOf
Browser Differences1, UL and ol list indent problem Eliminate the UL, OL and other list of indentation, the style should be written as: list-style:none;margin:0px;padding:0px;Where the margin attribute is valid for IE, the Padding property is valid
CSS2.1SPEC: Detailed description of width attributes of the visual formatting model (bottom), css2.1specwidthThis article undertakes CSS2.1SPEC: detailed explanation of width attributes of the visual formatting model (I), and continues to analyze
Java implements a QR code with logoQR code applied to all aspects of life, will use code to implement the QR code, I think it must be a bonus skill. All right, let's make it work together.The QR code that we implement is based on the standard of the
key to compatibility processing1. DOCTYPE affects CSS processing2, FF: Set padding, div will increase height and width, but IE will not, it is necessary to use!important to set a height and width3, FF: Support!important, IE is ignored, can
CSSS realization of the right fixed width, left adaptive, or left CE fixed width right adaptive
First, the HTML structure is as follows:
Note that the DIV tag must be used in HTML, and do not attempt to use the P tag to achieve the
First, Document.formName.item ("itemname") problemProblem description: Under IE, you can use Document.formName.item ("ItemName") or document.formName.elements ["ElementName"];firefox, Use only document.formname.elements["ElementName"].Workaround:
Key to compatibility processing
1. DOCTYPE affects CSS processing
2, FF: Set padding, div will increase height and width, but IE will not, it is necessary to use!important to set a height and width
3, FF: Support!important, IE is ignored, can
Summary: Indentation or outer convex refers to the height or width of an extruded element when one or more edges overlap with the parent container, and the offset refers to the element's overall deviation from the normal flow position without
I. Overview
At present, MS and Google and other large companies in the Web site gradually appeared a technology, you can implement the user interface of the page modular drag, I call it the Web site modular drag technology.
First look at a MSN
Today, the resolution of the display more and more, the terminal has become diversified, web development page Adaptive problems more and more, if not done, once the resolution of the display changes, the content of the display may appear many
Today, the resolution of the display more and more, the terminal has become diversified, web development page Adaptive problems more and more, if not done, once the resolution of the display changes, the content of the display may appear many
1, inline and inline element setting margin-top,padding-top no effect, because they are based on the baseline alignment. (You need to try more)Background-attachment:The Fixed property allows the background map to remain fixed in the browser window
troubleshoot multiple browser incompatibility issues
First, the browser is not compatible with what.
Browser incompatibility mainly performance of certain functions can not be used, site dislocation, the site some content does not show, web site
Yes, there are always a class of attributes to help you easily find shortcuts, but also for you to add trouble, such as the mastermind of this article Display:inline-block. The role of the front end is to present the object as an inline object, but
Android set margin in Java code we can usually set margin in XML directly, such as:
The code is as follows
Copy Code
But in some cases, it needs to be written in Java code, but the view itself has no setmargin
A summary of some of the CSS in FF and IE under the difference! may not be complete, will be supplemented in the future.
Firefox:div set Margin-left, Margin-right is already centered when auto, IE not
Firefox:body set Text-align, Div needs to set
Adaptive Layout of two columns and Adaptive Layout of two columns
You can use a search engine to search for "Adaptive Layout of two columns". There are many implementation methods. This article focuses on the underlying logic of these methods and
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.