您现在的位置是：网站首页> 编程资料编程资料
meta viewport使网页在iPhone中满屏显示控制_HTML/Xhtml_网页制作_
2021-09-13
1257人已围观
简介 近期在做一个基于iPhone访问的Web Site,原本智能的Safari让我吃尽了苦头。当设定好DIV的宽度和高度时，Safari会自动缩放。而我的目的是要满屏显示。
无奈之下，忽然想到，自己常常访问的新浪触屏版是怎么做的？打开Opera，
看源码在HTML头发现了meta viewport，难道是这个家伙在发挥作用吗？
加上试试，果然满屏了。顺便去查了一下这个标签的作用，记录一下，方便以后
使用。
meta viewport
其中：
width – viewport的宽度
height – viewport的高度
initial-scale – 初始的缩放比例
minimum-scale – 允许用户缩放到的最小比例
maximum-scale – 允许用户缩放到的最大比例
user-scalable – 用户是否可以手动缩放
看源码在HTML头发现了meta viewport，难道是这个家伙在发挥作用吗？
加上试试，果然满屏了。顺便去查了一下这个标签的作用，记录一下，方便以后
使用。
meta viewport
其中：
width – viewport的宽度
height – viewport的高度
initial-scale – 初始的缩放比例
minimum-scale – 允许用户缩放到的最小比例
maximum-scale – 允许用户缩放到的最大比例
user-scalable – 用户是否可以手动缩放
相关内容
- 设置frameset的高度 界面变形的解决方法_HTML/Xhtml_网页制作_
- DOCTYPE声明作用及用法详解_HTML/Xhtml_网页制作_
- 圆形元素在网页设计中的25个应用案例分享_HTML/Xhtml_网页制作_
- XHTML标签语义化介绍_HTML/Xhtml_网页制作_
- 网页图片格式PNG,JPG,GIF如何选择使用_HTML/Xhtml_网页制作_
- 让网页在打开几秒之后就转向其它的页面_HTML/Xhtml_网页制作_
- 百度输入法开放API 宣称可随意移植使用 _HTML/Xhtml_网页制作_
- 一个IE死机bug _HTML/Xhtml_网页制作_
- zen coding for editplus 实例代码说明_HTML/Xhtml_网页制作_
- zen coding 资源更新 功能增强_HTML/Xhtml_网页制作_
