vw实现页面布局
html: <div class="g-container"> <h2>腾讯视频</h2> <h2>电视语音助手</h2> <p>连接后可用手机语音操控电视机，包括搜视频、搜明星、切频道、查天气。</p> <div class="g-bg-example"></div> <div class="g-btn-open">下载腾讯视频，使用语音助手</div> </div> css:(scss) $baseFontSize: 375; @function px2vw($px) { @return $px / $baseFontSize * 100vw; } html, body { width: 100%; height: 100%; } body { background-image: radial-gradient(circle at 50% 50%,#182537 10%,#000 90%); } .g-container { position: relative; overflow: hidden; padding-top: px2vw(56); box-sizing: border-box; } h2 { font-size: px2vw(32); color: #fff; line-height: px2vw(40); text-indent: px2vw(48); } p