What is the difference between making html pages on mobile phones and computers? -

Source: Internet
Author: User
Please describe the tools and code in detail. Thank you! Please describe the tools and code in detail. Thank you! Reply content: the difference is not big
The performance of mobile phones is worse than that of mobile phones.

In terms of tools, there is no difference between the mobile and PC web pages. You can choose your preferred one. I like using Dreamweaver, and Dreamweaver cs6 has a multi-screen preview function that allows you to conveniently preview the effects of mobile phones, tablets, and PCs. However, Dreamweaver is quite big, and there are many better editors, such as EditPlus, which are still nice to you.

We recommend an editor sublime text, which I think is extremely useful.

In terms of code:
First, you must add such a row. Set the width, height, and scalability.


Then, we need to consider adaptation.
It is better to achieve self-adaptation. This can be searched. I remember there is a very detailed article in the moonlight blog. Second, you can use
@ Media only screen
And (min-device-width: 320px) and (max-device-width: 480px ){
}
To write different styles for screens of different pixels. You can see the log on page of zhihu. @ media is used.

Then we need to consider the user experience. Simply put, it is easy to point to a link on the PC side because of the mouse. However, the mobile phone end is different. It is difficult to link a few words, so it is necessary to expand the area of the point. This is why Web pages of the computer version and mobile version appear.

In fact, the advantage of using a mobile version of web pages is that HTML5 and CSS3 can be used in a large amount, which can produce a lot of results. There is a big difference in the previous smart phone era, but now there is no difference in development. Basically, you don't need to know history. I don't know much about the network. If I have already prepared a computer website, how can I quickly move it to my mobile phone and modify the size on a far-fetched basis? Is there a faster way? To answer this question, the same website may have a mobile phone and a computer version, but the design framework is different. The html webpage layout of the mobile phone is suitable for the mobile phone screen. Computer html web page, mobile phone login is no big problem, for example, some mobile browsers can automatically adapt to the screen

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.