一、rem 和 vw 简介1. remrem 是相对长度单位，是指相对于根元素(即html元素)font-size(字号大小)的倍数。示例若根元素 font-size 为 12pxhtml { font-size: 12px; } h1 { font-size: 2rem; /* 2 × 12px ...

移动端web页面自适应和rem

web页面的自适应开发，要求就是跨平台，跨浏览器，一般mobile+pc，前几天写了几个pc端全屏页面，用的是百分比，在手机上看了下效果相去甚远。这么看来mobile+pc 的自适应有些时候就是个伪命题。那对于移动端的自适应就一般的宣传页面全屏滑动那种，用百分比，若复杂了就肯定不行，仔细看了...

共有7条

< 1 >

跳转至： GO

更新时间 2024-04-30 23:52:07

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],"search_count":[{"count_phone":4,"count":4}]},"card":[{"des":"阿里云数据库专家保驾护航，为用户的数据库应用系统进行性能和风险评估，参与配合进行数据压测演练，提供数据库优化方面专业建议，在业务高峰期与用户共同保障数据库系统平稳运行。","link1":"https://www.aliyun.com/service/optimization/database","link":"https://www.aliyun.com/service/chiefexpert/database","icon":"https://img.alicdn.com/tfs/TB1a5ZfonnI8KJjy0FfXXcdoVXa-100-100.png","btn2":"数据库紧急救援服务","tip":"还有更多专家帮助您解决云上业务问题：<a href=\"https://www.aliyun.com/service/list#f4\" target=\"_blank\">立即查看</a>","btn1":"云上数据库优化服务","link2":"https://www.aliyun.com/service/databaserescue","title":"数据库专家服务"}],"search":[],"countinfo":{"search":{"length_pc":0,"length":0},"card":{"length_pc":0,"length":0}},"simplifiedDisplay":"newEdition","newCard":[{"link":"https://www.aliyun.com/product/waf","icon":"waf","contentLink":"https://www.aliyun.com/product/waf","title":"Web应用防火墙（WAF）","des":"适用于网站、H5、小程序等。全面应对被搜索引擎标识为危险；出现垃圾内容、恶意弹窗；域名劫持；Web应用漏洞；被挂马中毒；数据泄露；恶意注册灌水；被CC攻击导致Web应用崩溃或打不开；SQL注入、XSS跨站等攻击；爬虫等问题","btn1":"降价20%详情","link1":"https://www.aliyun.com/product/waf","btn2":"0元开通","link2":"https://common-buy.aliyun.com/?commodityCode=waf_v2_public_cn","btn3":"产品详情页","link3":"https://www.aliyun.com/product/waf","infoGroup":[{"infoName":"产品促销","infoContent":{"firstContentName":"按量付费0元开通","firstContentLink":"https://common-buy.aliyun.com/?commodityCode=waf_v2_public_cn","lastContentName":"基础版仅需980元/月","lastContentLink":"https://common-buy.aliyun.com/?commodityCode=waf_v3prepaid_public_cn&request=%7B%22ord_time%22:%221:Month%22,%22order_num%22:1,%22region%22:%22cn-hangzhou%22,%22waf_version%22:%22Basic%22,%22blueteaming%22:%22false%22%7D&regionId=cn-hangzhou"}},{"infoName":"产品发布","infoContent":{"firstContentName":"混合云/多云方案发布","firstContentLink":"https://help.aliyun.com/document_detail/202768.html","lastContentName":"WAF3.0新版发布","lastContentLink":"https://developer.aliyun.com/topic/waf3"}},{"infoName":"网站防护","infoContent":{"firstContentName":"Web攻击的危害与应对","lastContentName":"","firstContentLink":"https://www.aliyun.com/activity/security/wafpromotion","lastContentLink":""}},{"infoName":"增值能力","infoContent":{"firstContentName":"爬虫管理","firstContentLink":"https://help.aliyun.com/document_detail/159895.html","lastContentName":"API安全","lastContentLink":"https://help.aliyun.com/document_detail/170848.html"}}]}],"visual":{"textColor":"dark","topbg":""}}

{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"moduleinfo":{"card_count":[{"count_phone":1,"count":1}],"search_count":[{"count_phone":4,"count":4}]},"card":[{"des":"阿里云数据库专家保驾护航，为用户的数据库应用系统进行性能和风险评估，参与配合进行数据压测演练，提供数据库优化方面专业建议，在业务高峰期与用户共同保障数据库系统平稳运行。","link1":"https://www.aliyun.com/service/optimization/database","link":"https://www.aliyun.com/service/chiefexpert/database","icon":"https://img.alicdn.com/tfs/TB1a5ZfonnI8KJjy0FfXXcdoVXa-100-100.png","btn2":"数据库紧急救援服务","tip":"还有更多专家帮助您解决云上业务问题：<a href=\"https://www.aliyun.com/service/list#f4\" target=\"_blank\">立即查看</a>","btn1":"云上数据库优化服务","link2":"https://www.aliyun.com/service/databaserescue","title":"数据库专家服务"}],"search":[],"countinfo":{"search":{"length_pc":0,"length":0},"card":{"length_pc":0,"length":0}},"simplifiedDisplay":"newEdition","newCard":[{"link":"https://www.aliyun.com/product/waf","icon":"waf","contentLink":"https://www.aliyun.com/product/waf","title":"Web应用防火墙（WAF）","des":"适用于网站、H5、小程序等。全面应对被搜索引擎标识为危险；出现垃圾内容、恶意弹窗；域名劫持；Web应用漏洞；被挂马中毒；数据泄露；恶意注册灌水；被CC攻击导致Web应用崩溃或打不开；SQL注入、XSS跨站等攻击；爬虫等问题","btn1":"降价20%详情","link1":"https://www.aliyun.com/product/waf","btn2":"0元开通","link2":"https://common-buy.aliyun.com/?commodityCode=waf_v2_public_cn","btn3":"产品详情页","link3":"https://www.aliyun.com/product/waf","infoGroup":[{"infoName":"产品促销","infoContent":{"firstContentName":"按量付费0元开通","firstContentLink":"https://common-buy.aliyun.com/?commodityCode=waf_v2_public_cn","lastContentName":"基础版仅需980元/月","lastContentLink":"https://common-buy.aliyun.com/?commodityCode=waf_v3prepaid_public_cn&request=%7B%22ord_time%22:%221:Month%22,%22order_num%22:1,%22region%22:%22cn-hangzhou%22,%22waf_version%22:%22Basic%22,%22blueteaming%22:%22false%22%7D&regionId=cn-hangzhou"}},{"infoName":"产品发布","infoContent":{"firstContentName":"混合云/多云方案发布","firstContentLink":"https://help.aliyun.com/document_detail/202768.html","lastContentName":"WAF3.0新版发布","lastContentLink":"https://developer.aliyun.com/topic/waf3"}},{"infoName":"网站防护","infoContent":{"firstContentName":"Web攻击的危害与应对","lastContentName":"","firstContentLink":"https://www.aliyun.com/activity/security/wafpromotion","lastContentLink":""}},{"infoName":"增值能力","infoContent":{"firstContentName":"爬虫管理","firstContentLink":"https://help.aliyun.com/document_detail/159895.html","lastContentName":"API安全","lastContentLink":"https://help.aliyun.com/document_detail/170848.html"}}]}],"visual":{"textColor":"dark","topbg":""}}}

Web应用防火墙（WAF）

适用于网站、H5、小程序等。全面应对被搜索引擎标识为危险；出现垃圾内容、恶意弹窗；域名劫持；Web应用漏洞；被挂马中毒；数据泄露；恶意注册灌水；被CC攻击导致Web应用崩溃或打不开；SQL注入、XSS跨站等攻击；爬虫等问题

降价20%详情

0元开通

产品详情页

产品促销

按量付费0元开通

基础版仅需980元/月

产品发布

混合云/多云方案发布

WAF3.0新版发布

网站防护