发文章
发文工具
撰写
网文摘手
文档
视频
思维导图
随笔
相册
原创同步助手
其他工具
图片转文字
文件清理
AI助手
留言交流
网页head中加入下面一句代码可以使网站在手机端全屏显示。 <meta name="viewport" content="width=device-width, initial-scale=1"> 参数说明: width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放 加上这段代码后 你的页面按1:1的初始化比例显示了
meta
name
=
"viewport"
content
"width=device-width, initial-scale=1"
>
参数说明: width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放 加上这段代码后 你的页面按1:1的初始化比例显示了
来自: kingjae > 《代码》
0条评论
发表
请遵守用户 评论公约
正确的手机头部声明(android,iphone)
<meta name="viewport" content="width=device-width, maximum-scale=1.0, initial-scale=1.0, user-scalable=0" />Viewport的meta标签注意在内容之前在HEAD标签内有一个vie...
响应式网页设计的快速教程(适合个人站)
<div id="logos"><h1><a href="<#ZC_BLOG_HOST#>" title="<#ZC_BLOG_TITLE#>&quo...
网页全屏显示的几个代码
网页全屏显示的几个代码。实现全屏!接下来的事情就相当轻松了,重新启动一次 Dreamweaver4 ,按"Shift + F3"打开行为面板,再按快捷键"Ctrl + Tab"进入源代码窗口,点击行为面板...
移动平台的meta标签
防止横竖屏时,iphone自动缩放的一段代码
防止横竖屏时,iphone自动缩放的一段代码防止横竖屏时,iphone自动缩放的一段代码。if (window.orientation == 0 || window.orientation == 180) viewport.setAttribute("content", &...
bootstrap4 H5文档 移动优先
bootstrap4 H5文档 移动优先。Bootstrap 要求使用 HTML5 文件类型,所以需要添加 HTML5 doctype 声明。DOCTYPE html><html> <head> <meta charset="utf-8"> </head&...
苹果(Safari)浏览器的图片width设置为100%但实际显示为980px改成的问题方法
这个浏览器默认的viewport叫做 layout viewport。layout viewport的宽度是大于浏览器可视区域的宽度的,所以还需要一个viewport来代表浏览器可视区域的大小,这个viewport叫做 visual viewport。width...
Meta标签的那些事
Meta标签的那些事。还有以下几种设置方式:<meta http-equiv=''X-UA-Compatible'' content=''IE=6''...
从零开始学习移动端Web开发
html代码中最关键的就是meta标签设置,开发移动端页面首先一定要设置viewport <meta name="viewport" content="widt...
微信扫码,在手机上查看选中内容