web自适应-阿里云

WEB页面实现等比例缩放自适应 - 通过 rem 和 vw 实现一、rem 和 vw 简介1. remrem 是相对长度单位，是指相对于根元素(即html元素)font-size(字号大小)的倍数。示例若根元素 font-size 为 12pxhtml { font-size: 12px; } h1 { font-size: 2rem; /* 2 × 12px ...

web 报表工具如何自适应现在的报表用户已经不再将报表作为一个单纯的报表工具看待了，有时候也会当作页面工具来使用，这时为了页面显示工整美观，就需要报表能够自适应宽度。下面我们就基于润乾报表来讲一下是如何做到自适应展现报表。产品：润乾报表 V2018 方法 1：使用自带的 matchReport.jsp 访问报表，这个页面通...

Nginx企业级Web服务实战

11 课时 |

602 人已学 |

加入学习

体验-使用 kubect 部署 web 应用到 k8s 集群

1 课时 |

401 人已学 |

加入学习

云开发Web应用训练营

5 课时 |

525 人已学 |

加入学习

Vue全家桶打造自适应 web 音乐播放器虽然全网上 Vue 仿饿了么、xx音乐的项目一大堆，但是我还是厚着脸皮来了，毕竟我也稍微标新立异，PC端为主，移动端为辅打造的 web 音乐播放器，所以说大佬们关爱下，毕竟我这个播放器刚从韩国回来！！！模仿QQ音乐网页版界面，采用flexbox和position布局； mmPlayer虽然是响应式...

web app 自适应方案总结关键字弹性布局之rem 关于rem，主要参考文档 1。腾讯ISUX (http://isux.tencent.com/web-app-rem.html) 2。http://www.w3cplus.com/css3/define-font-size-with-css3-rem 现在移动端 web a...

浅谈Web自适应前言随着移动设备的普及，移动web在前端工程师们的工作中占有越来越重要的位置。移动设备更新速度频繁，手机厂商繁多，导致的问题是每一台机器的屏幕宽度和分辨率不一样。这给我们在编写前端界面时增加了困难，适配问题在当下显得越来越突出。记得刚刚开始开发移动端产品的时候向设计MM要了不同屏幕的设计图，结果可...

《Web前端工程师修炼之道（原书第4版）》——自适应Web设计本节书摘来自华章社区《Web前端工程师修炼之道（原书第4版）》一书中的自适应Web设计，作者Jennifer Niederst Robbins，更多章节内容可以访问云栖社区“华章社区”公众号查看自适应Web设计默认情况下，大多数的小型设备（如智能手机和平板电脑）上的浏览器可以缩小网页，使其适应屏幕...

《响应式Web设计：HTML5和CSS3实践指南》——2.2节创建自适应的响应式字体本节书摘来自华章社区《响应式Web设计：HTML5和CSS3实践指南》一书中的第2章，第2.2节创建自适应的响应式字体，作者（美）　Benjamin LaGrone，更多章节内容可以访问云栖社区“华章社区”公众号查看 2.2　创建自适应的响应式字体该技巧是一个简单的响应式字体示例。它将演示如何使用新...

《响应式Web设计：HTML5和CSS3实践指南》——1.4节使视频自适应于屏幕宽度本节书摘来自华章社区《响应式Web设计：HTML5和CSS3实践指南》一书中的第1章，第1.4节使视频自适应于屏幕宽度，作者（美）　Benjamin LaGrone，更多章节内容可以访问云栖社区“华章社区”公众号查看 1.4　使视频自适应于屏幕宽度流媒体视频同样可以为响应式的。在HTML5页面中嵌入...

选择原生 APP 还是自适应 web？三步搞定！确定网站的移动策略并非什么高深的学问，但需要认真的研究和规划。设计公司Entropy近日将企业选择移动路线的决策简化为三步。一年半以前，Facebook首席执行官马克扎克伯格一句“豪赌HTML5是Facebook犯下的最大错误”引发了业界关于原生APP和移动（自适应）web两条技术路线的大争论。 ...

《响应式Web图形设计》一13.3　自适应图像解决方案本节书摘来异步社区《响应式Web图形设计》一书中的第13章，第13.3节，作者：【美】Christopher Schmitt 译者：曾斌责编：赵轩，更多章节内容可以访问云栖社区“异步社区”公众号查看。 13.3　自适应图像解决方案响应式Web图形设计为了处理自适应图像的大小问题，下面给出一...

共有12条

< 1 2 >

跳转至： GO

本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面底部提交“技术工单”与我们联系。

产品推荐

{"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":"立即购买","link1":"https://common-buy.aliyun.com/?commodityCode=waf_v3prepaid_public_cn","btn2":"了解详情","link2":"https://www.aliyun.com/product/waf","btn3":"","link3":"","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":"立即购买","link1":"https://common-buy.aliyun.com/?commodityCode=waf_v3prepaid_public_cn","btn2":"了解详情","link2":"https://www.aliyun.com/product/waf","btn3":"","link3":"","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跨站等攻击；爬虫等问题

立即购买

了解详情

产品促销

按量计费，0元开启

基础版仅需980元/月

产品发布

混合云/多云方案发布

WAF3.0新版发布

网站防护

Web攻击的危害与应对