|
The development of web technology has been around for 20 years. I remember the birth of the first smart phone ten years ago. After that, with the evolution of it, smart phones, tablets and other mobile devices have been transformed into our lives. Life, people's living habits have also been changed, and various smart mobile devices have become an indispensable part of our daily lives. According to the survey, 18 out of every 20 people use mobile devices, whether they are taking public transportation. Transport, travel, and even home, you can see people using mobile devices, and this phenomenon also affects the design thinking on the Internet. In the past, most of the default web design objects were based on the viewers of ordinary home computers or notebook computers. Therefore, the size of the expected page will be used in the production of web pages, and the number of people using the tablet and smart phones to access the Internet. Adding, traditional web design has no way to meet the demand. When browsing a traditionally designed webpage with a small tablet or smart phone, the page width will be too wide, which will cause the viewer to be inconvenient when browsing the page. In order to meet the needs of mobile phone viewers, the "mobile version" website is usually created separately to meet the needs of these groups, but the mobile phone screen is small, and most of the early days are limited by mobile devices such as Flash. Under the limitation of insufficient computing power, the website components of the mobile phone display are not supported, and then the APP program corresponding to the smart phone system is developed, but the webpage of the mobile device version faces some technical problems, and some Users don't trust and adapt to APP, but in order to be able to meet the trend of this era The change has prompted the development of responsive web design; responsive design, also known as responsive web design, responsive web design, its full name is (Responsive Web Design) referred to as RWD, which is a web page developed in 2011. The principle of technology is based on HTML5 standards and media queries in CSS3. In the HTML5 standard, we can specify the width of the page and can be rendered according to the width of the device's view. Then use CSS3 media queries to set different widths. Use different CSS to render the page. This allows you to scale with a variety of different sized devices to match the device's optimal viewing size, and there are many areas worth exploring in this technology, such as what can be obtained for web developers using this technology. Ok, is it a new business opportunity or a crisis? Let us use this paper to explore examples of the application and implementation of responsive website technology.
|