首页 / 知识
怎样实现手机自适应网页的大小
2023-04-11 15:02: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读取列表中元素位置的方法：1、使用index()方
python中获取路径的三种方法
python中获取路径的三种方法，工作，代码，情况，培训，下来，路径，文件，也就是，桌面，目录，python中获取路径总结下来分为三种情况：1、获取工作目录
python如何调用另一个文件夹中的内
python如何调用另一个文件夹中的内容?，系统，培训，文件，模块，内容，路径，函数，所在，前缀，语句，python中调用另外一个文件夹中的内容：1、同一文件
python怎么找出所有的数字?
python怎么找出所有的数字?，数字，培训，代码，小数点，小数，字符串，整数，表达式，含义，思路，python中获取字符串中所有数字的方法：1、使用正则表达
如何在python代码中指定保存的文件
如何在python代码中指定保存的文件格式，代码，培训，文件格式，格式，二进制文件，文件，后缀，以上，方法，更多，python指定保存文件格式的方法：1、保
怎样用python计算矩阵乘法?
怎样用python计算矩阵乘法?，位置，矩阵，培训，一致，乘法，数组，函数，示例，作用，标量，python中计算矩阵乘法的方法：1、使用np.multiply()函数计算
Python如何复制文件中的内容
Python如何复制文件中的内容，盘中，数据，培训，文件，内容，方法，文件夹，路径，源文件，文件名，python复制文件中内容的方法：1、使用shutil.copyfile
实数是不是python的数据类型?
实数是不是python的数据类型?，数字，标准，培训，实数，数据类型，数轴，复数，有限小数，无理数，虚数，实数是python的数据类型。实数，是有理数和无理
linux下怎么查看python的包
linux下怎么查看python的包，软件，培训，工具，管理，命令，格式，详细信息，下面，以上，参数，linux中可以使用piplist命令查看安装的python包。pip是python中的open函数如何编码?
python中的open函数如何编码?，数据，系统，可取，培训，文件，参数，函数，时候，表示，模式，python中的open函数可以通过在打开文件时添加encoding参
怎样用python播放视频
怎样用python播放视频，工具，培训，方法，视频，终端，注释，好处，下面，以上，类型，使用python播放视频的方法：方法一：使用imageio库，没有安装的可用pippython读入不定行字符的问题
python读入不定行字符的问题，培训，字符，问题，方法，头尾，示例，空格，字符串，序列，结尾，python读入不定行字符的问题解决：stdin.readline()会读取