css - 桌面WEB应用自适应问题

Question

盆友在开发一个桌面GUI应用，使用的是NW.js。由于需求方需哟的页面要求自定义比较多，大量使用提供的图片作为dom元件背景，当时的大小和布局都是写死的。现在需要做桌面上的自适应（不要求适应手机端，就几种桌面分辨率），但是由于很多页面的各个部分都是用背景来展示的（就一个p元素设置好大小然后设置背景图片），很难快速方便地改成自适应，想问一下大家有什么好的办法吗？

Answer 1

너비에 백분율을, 높이에 vw(뷰포트 너비)를, 배경 이미지에 background-size: 100% 100%;.

를 사용할 수 있습니다.

예를 들어 반응형 사각형을 구현하려는 경우 다음과 같이 할 수 있습니다.

으아아아

Answer 2

이런 경우, 변환:스케일(다중);을 사용하여 전체 페이지를 구현할 수 있나요? (물론, 거의 전체 페이지를 배경으로 해야 합니다)

Answer 3

너비 비율은 고정 너비를 일괄적으로 교체해 보셨나요? 고정 해상도에서 컨테이너 너비와 요소 너비의 비율을 고려해보세요

Answer 4

위의 @eechen처럼 크롬 코어 브라우저를 사용하면 CSS3의 배경 크기 방법을 사용할 수 있습니다. 모든 요소 크기를 50%와 같이 확장하고 지정할 수 있습니다.