A little bit about RWD (reponsive Web Design Adaptive Web page)

Source: Internet
Author: User

a little bit about RWD (reponsive Web Design Adaptive Web page)

often sayOne approach isn ' t necessarily better than the other. You had to pick the approach, the works best with your personality (or your team ' s personality) One method "not necessarily" better than the other method. Choose according to the situation you want.
It's in RWD, what's the plan for Microsoft?
The Bootstrap that we are currently using is one of the solutions of RWD. He was developed by a Twitter engineer, based on years of experience. What is the basic Bootstrap? Bootstrap = HTML + CSS + JS through the screen into 12 Columns, and then specify how much each thing accounted for Columns to achieve adaptive (mobile phone is narrower, tablet second, computer screen is relatively wide) Bootstrap of course there are some landscaping features, not in this wrap discussion
Microsoft in the MVC wrap, also uses the bootstrap and Microsoft Additionally, also provides, is called the Display Mode method This is another very good method, as follows
DisplayModeProvider.Instance.Modes.Insert (0, New Defaultdisplaymode ("IE9")
{
Contextcondition = (context =
Context. Request.UserAgent.Contains ("MSIE 9"))
});
This means to add a display mode with the name IE9 and in what case does this display mode fit? is when the Web request, if found that there is a header useragent and so on MSIE 9 o'clock, this is the case, our page originally to display as index.cshtml, will change the display Index.IE9.cshtml
Built-in already has the display mode of the mobile phone so, for example, when we add Index.Mobile.cshtml, the mobile browser will show this view
Summary is that Microsoft provides two ways can be used but, think about it, when we add a Index.Mobile.cshtml also said, to maintain the index.cshtml and Index.Mobile.cshtml must be maintained at the same time both sides of the knife ~ ~ ~

A little bit about RWD (reponsive Web Design Adaptive Web page)

Contact Us

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.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.