开发者社区> 水车306> 正文

自适应开发

2015-07-20 431

简介： 最近准备针对手机做开发，遇到页面显示特别小，所以搞了这么一篇文章！其实主要就是改掉HTML页面声明：?在网页中加入以下代码，就可以正常显示了：? 代码如下: 　　解释：?width - viewport的宽度?height - viewport的高度?init...

+关注继续查看

最近准备针对手机做开发，遇到页面显示特别小，所以搞了这么一篇文章！

其实主要就是改掉HTML页面声明：?

在网页中加入以下代码，就可以正常显示了：?

代码如下:

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>

　　

解释：?

width - viewport的宽度?
height - viewport的高度?
initial-scale - 初始的缩放比例?
minimum-scale - 允许用户缩放到的最小比例?
maximum-scale - 允许用户缩放到的最大比例?
user-scalable - 用户是否可以手动缩放?

精简点的话，可以把上面的代码更改为以下代码，效果是一样的：?

代码如下:

<meta content="width=device-width,user-scalable=no" name="viewport">

　

最后就是不要设置太大的具体宽度属性了，比如你在网页把Body的宽度属性设为1000px，这肯定是不行的了，但是可以设置为90%，这是屏幕自适应的。?

版权声明：本文内容由便宜云服务器实名注册用户自发贡献，版权归原作者所有，便宜云服务器开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《便宜云服务器开发者社区用户服务协议》和《便宜云服务器开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

开发者社区 > 云计算 > 文章

作者高分内容

更多

mac下Fiddler的安装-启动 4816 修改ElementUI源码样式 2396 linux里面的命令：./和. /(这里有空格)的区别 1622 linux下mysql源码安装 1090 mysql下载源码方法 9254

相关文章

Matlab科研工作室

自适应动态优化控制附matlab代码

自适应动态优化控制附matlab代码

18 0

羽翼轻尘

An动画优化之补间形状与传统补间的优化

An动画优化之补间形状与传统补间的优化

279 0

羽翼轻尘

An动画优化之传统引导层动画

An动画优化之传统引导层动画

294 0

怒放de生命

移动端单位自适应的两种方式

移动端单位自适应的两种方式

53 0

酷酷的群

GCA：基于自适应数据增强的图对比学习

GCA：基于自适应数据增强的图对比学习

231 0

血手巴赫

移动端法门：自适应方案和高清方案

笔者从毕业开始做前端到现在，90% 的项目是移动端打交道，所以当简历上写了“移动H5”几个字时，必会被问到自适应方案与高清方案

412 0

-开发达人-

兼顾图像超分辨率、图像再缩放，ETH提出新型统一框架HCFlow，已开源

来自苏黎世联邦理工学院计算机视觉实验室的研究者提出了一种统一框架 HCFlow，该框架可以同时处理图像超分辨率和图像再缩放，并在通用图像超分辨率、人脸图像超分辨率和图像再缩放上等任务上取得了最佳结果。该论文已被 ICCV2021 接收。

85 0

视频云技术

基于内容的自适应视频传输算法及其应用

本文内容来自LiveVideoStack线上分享第四季第二期，由湖北经济学院副教授，胡胜红博士为大家介绍如何基于内容分析技术，从用户需求角度标注视频流重要性级别，构建自适应流传输策略，实现语义级QoE优化目标。

364 0

视频云技术

CABR：Beamer的内容自适应速率控制算法

CABR是一种闭环内容自适应速率控制机制，可在降低视频编码输出码率的同时，保留更高码率编码的视觉感知质量。

149 0

feiyangqingyun

Qt编写地图综合应用5-自适应拉伸

一、前言用过echart的人都会遇到一个问题，就算是代码中写了window.onresize = echart.resize，也只是横向自适应拉伸填充页面，垂直方向不会变化，除非指定高度才可以，这就比较郁闷了，为何echart本身不会自适应呢？按道理不应该啊，莫非实现起来很困难？好吧先不管这个了.

626 0

+关注

水车306

笑看前端程序员写后端

文章

问答

视频

作者高分内容

更多

mac下Fiddler的安装-启动 4816 修改ElementUI源码样式 2396 linux里面的命令：./和. /(这里有空格)的区别 1622 linux下mysql源码安装 1090 mysql下载源码方法 9254

文章排行榜

最热

最新

1 MIPS架构深入理解9-向MIPS移植软件之Cache管理 40662

2 C++ STL容器和算法：详解和实例演示 39521

3 Go 方法接收器：选择值接收器还是指针接收器？ 38132

4 代码的简单设计五原则 31119

5 使用篇丨链路追踪（Tracing）很简单：链路拓扑 30606

6 如何提高光伏发电效能异常检出效率的实践案例 28284

7 java 泛型万字详解（通俗易懂) 28144

8 日志服务 SLS 和开源 ELK 全面对比 28059

9 数据一致性比对（番外） 27414

10 便宜云服务器检索分析服务Elasticsearch版内核持续优化 25293

11 【分布式技术专题】「分布式技术架构」手把手教你如何开发一个属于自己的限流器RateLimiter功能服务 21707

12 高性能的本地缓存方案选型，看这篇就够了！ 21548

13 PolarDB-X 致数据库行内人 (一) ~ 如何有效评测国产数据库的分布式事务 15317

14 实践教程之体验PolarDB-X分布式事务和数据分区 10367

15 Python3，自从掌握了这个方法，再也不用print进行调试了。 14618

16 现场直击：2023便宜云服务器峰会精彩发布抢先看（内含福利） 335140

17 如何解决IoT数据入仓的客户实践 8636

18 大数据&AI产品月刊【2023年4月】 5418

19 ClickHouse创始人：融合数据库该“卷”的还是性能和速度 55367

20 便宜云服务器联合埃森哲正式发布《跨国企业上云登陆区（Landing Zone）白皮书》 50777

1 AIGC创作家 152

2 当MySQL想恋爱，java和navicate抢着做媒婆 ------ java连接MySQL数据库 & navicat for MySQL 连接 90

3 亿视电子基于PolarDB-X打造能源数字基座实践 67

4 全面升级，重磅上线！容器服务ASK评测携大奖前来！ 60

5 便宜云服务器丁宇：云上开发成为主流，Serverless 定义新范式 67

6 便宜云服务器AI新品“通义听悟”，开放公测！ 1569

7 LeetCode算法小抄--二叉搜索树 125

8 小米基于 Flink 的实时数仓建设实践 146

9 便宜云服务器OpenSearch重磅推出LLM问答式搜索产品，助力企业高效构建对话式搜索服务 715

10 便宜云服务器“通义听悟”正式公测：用户可免费领100小时转写服务 7346

11 Bean异步初始化，让你的应用启动飞起来 5968

12 图解LeetCode——98. 验证二叉搜索树 11032

13 图解LeetCode——108. 将有序数组转换为二叉搜索树 100

14 Windows上的实用CMD命令 10890

15 关于编辑Windows的右键【新建】删除和添加 11171

16 SpringMVC总结_从RESTful到拦截器 10894

17 进阶篇丨链路追踪（Tracing）很简单：链路成本指南 6105

18 一口气整理三种不同运营商要素验证API的Java 接入代码 81

19 python异常处理 10701

20 Git分支教程：详解分支创建、合并、删除等操作 10942

相关课程

更多

如何利用性能优化驱动用户体验提升

98

1

去学习

相关电子书

更多

渐进式动画解决方案

立即下载

低代码开发师（初级）实战教程

立即下载

阿里巴巴DevOps 最佳实践手册

立即下载

相关实验场景

更多