How to quickly transform a completed PC website so that it can adapt to different resolutions such as tablets and mobile phones? _html/css_WEB-ITnose

Like the title? Is there any other way besides creating a dedicated web page for mobile devices?

Reply to discussion (solution)

Look at your original css structure

But most of them are designed for desktop browser resolutions In fact, the page is not suitable for direct conversion to a mobile phone. It should be able to be converted to a pad (the size is about the same)

For example, the layout and content of the current forum page remain unchanged and only the css is changed. Converting to the mobile version is probably not easy

Nowadays, responsiveness can be suitable for various devices. I think the reason is that either the content is reduced or the content is very small

Two solutions: adaptive layout VS responsive layout
It is recommended to use adaptive layout . . . .
Adaptive layouts have their own advantages in that they are cheaper to implement and easier to test, which often makes them a more practical solution. Adaptive layout can be regarded as the "poor brother" of responsive layout, which can be used when resources are limited. This is especially useful when improving an existing website, where a complete rewrite of the code is not feasible. In this case, using adaptive layout is a good starting point

paip. The difference, principles and practical summary of adaptive web design and responsive design - attilax's column - Blog channel - CSDN.NET.htm
http://blog.csdn.net/attilax/article/details/24854037