javascript - The problem that the content in the full-screen fullpage page exceeds one screen

Question

The picture given in the design is 1920x946. What should be done to display it exactly on one screen? If REM is used, the content height will be adjusted to 1080, so it will exceed the one-screen display? Hope the answer

Answer 1

This depends on the design drawings given by the designer for detailed analysis. For full-screen switching webpages, the content of each page can be centered. There are many ways to center. For details, please check Baidu. I will give you two webpages I made using fullpage. , I hope it can give some inspiration, 1. Full-screen responsive website hi56.http://www.hi56.cc/, 2. Shiatang Technology, http://shiatang.com/3. Blue Ocean Century Pictures http://www .cqocp.cc/

Answer 2

If a picture wants to adapt to screens of different ratios, it must be stretched or cropped. I can't think of any other way

Answer 3

You just want to ask what to do with the excess? In fact, the top, bottom, left and right should be left blank, and only secondary elements should be filled. That’s it.