Mobile website and computer website design is a need to pay attention to the difference

The difference between a mobile phone and a computer, whether in terms of resolution or operating system, is the difference between a mobile website and a computer website. What is the difference between a mobile website and a computer website? First, browse content1, the resolution of the computer website is 1024*768, while the smartphone resolution is only 320*480. 2, computer website content information is wide, reduce the user vision fatigue, and mobile website browsing content is not convenient, greatly increase the visual fatigue second, vertical browsing to replace the level of browsing computer Web site in the presentation of data content, to horizontal navigation mode. Users can move around by clicking on the link to browse the information. And the mobile site in the presentation of data content, the vertical navigation method. Three. Navigation bar, tags and hypertext in the computer site, we can see hyperlinks, and on the mobile site, we rarely see hyperlinks. Instead of having hyperlinks in a mobile site, it is one of the reasons that users can use their fingers to manipulate mobile devices by using buttons, labels, and so on. On the computer, moving the mouse, clicking the hyperlink is an ideal way to view information, but on the mobile device, it is not easy to open the hyperlink by touching the screen with your finger. Users can easily activate a link to enter a new page, but this is not the user's desired page, and if so, it will result in a very poor experience. Four, the picture in the webpage, we often can see the enterprise website logo, the product information, the navigation graphics information and so on. Designers often need to design website promotional product graphics, company logo and so on. In the mobile site design, minimize the picture, the reason is very simple: mobile phone screen small, display limited content, occupy large memory, wasting a lot of mobile traffic. Global navigation and contextual navigation in the computer site, you can use a variety of navigation methods, and mobile phone sites using global navigation, the situation of navigation is very few. In mobile websites, the size of your phone's screen determines how you use navigation. Six, scroll bar mobile browser browsing information, there is no shortcut scroll bar. And in the Computer browser browsing information, there is a shortcut scroll bar. For example, a graph has a drop-down list input field on the desktop can display normally and only a few options on the phone, you must use the scroll bar to see. Vii. the mobile browser does not support certain CSS properties such as: Position:fixedIf you need to display top bar, bottom bar on your phone screen, it's more troublesome to use CSS+JavaScript to implement. The above is the main difference between the mobile website and the computer site, because of these problems, in the design of mobile site templates, need to consider how to design so that more in line with the different end-user habits. 

Mobile website and computer website design is a need to pay attention to the difference