首页 / 知识
怎样实现手机自适应网页的大小
2023-04-11 15:00:00
工作需要，要做一个手机自适应的网页效果，终于搞定，先分享并记录！
其实主要就是改掉HTML页面声明：
在网页中加入以下代码，就可以正常显示了：
<metaname="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-用户是否可以手动缩放
精简点的话，可以把上面的代码更改为以下代码，效果是一样的：
<metacontent="width=device-width,user-scalable=no"name="viewport">
最后就是不要设置太大的具体宽度属性了，比如你在网页把Body的宽度属性设为1000px，这肯定是不行的了，但是可以设置为90%，这是屏幕自适应的。
PS：本人做了个效果页面，可以用手机正常显示哦，
本文转载自中文网 |
最新内容
相关内容
python怎样逐行读取
python怎样逐行读取，培训，数据，文件，程序，内容，字符集，方法，结尾，字符，接下来，python文件对象提供了如下两个方法来读取行：readline([n])：读取
python怎样求和
python怎样求和，培训，总和，参数，方法，列表，语法，实例，对象，以上，以下，python中的sum()方法可对系列进行求和计算。以下是sum()方法的语法:sum
python怎样启动python程序运行
python怎样启动python程序运行，代码，环境，项目，工具，培训，业务，有限，程序，源文件，功能，执行Python程序的三种方式解释器——python/python3交
pythonc语言取余和python取余的区
pythonc语言取余和python取余的区别，培训，资料，语言，负数，区别，被除数，符号，除数，规定，余数，今天看书发现python与C的负数取余运算结果不同,
python怎样注释
python怎样注释，代码，培训，位置，注释，信息，内容，程序，字符串，语句，语法，在Python中，通常包括3种类型的注释，分别是单行注释、多行注释和中文编
python如何定义接受参数的函数
python如何定义接受参数的函数，信息，培训，位置，参数，函数，列子，效果，定义，更多，内容，python中的函数可以有参数，也可以无参数，参数可以分为默认
python学习python编程可以从事什么
python学习python编程可以从事什么工作岗位，工作，分析，网络，数据，数字，行政，销售，培训，资产，庞大，一、学Python编程能做的工作，编程方向：1、Webpython脚本和网页的区别是什么
python脚本和网页的区别是什么，网站，培训，设计，通用，标准，平台，网页，语言，脚本，标记，python是一种计算机程序设计语言，一种面向对象的动态类型
python数据分析相关的技术
python数据分析相关的技术，分析，数据，培训，技术，
python可以做网页编程吗？
python可以做网页编程吗？，技术，公司，数据，网络，人工智能，工资，分析，工作，设计，市场，什么是Python? Python是一种计算机编程语言，也是一种
python怎么获取列表元素的索引
python怎么获取列表元素的索引，培训，索引，元素，结果，列表，方法，中值，本文，下面，以上，本文主要介绍了python中如何获取列表的索引，以及如何返回
python有哪些推荐使用的装饰器？
python有哪些推荐使用的装饰器？，单位，时间，代码，标准，灵活，软件，数据，连续，培训，模块，众所周知，Python语言非常强大，有很多优点。值得一提的是，它