php网页在手机上左右不充满

angryTom
发布: 2019-10-19 11:14:04
原创
2758人浏览过

php网页在手机上左右不充满

php网页在手机上左右不充满

网页在手机端显示,需要设置一条meta元数据(元数据又称中介数据、中继数据,为描述数据的数据)。这样网页的大小就会适应我们的手机屏幕,在html的head标签内添加:

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

为了让网页在手机端宽度充满屏幕,我们可以设置bodycss样式为

body{
    padding: 0;
    margin: 0;
    width: 100%;
}
登录后复制

另附meta标签其它常用的属性用法解析:

1、 

立即学习PHP免费学习笔记(深入)”;

在手机上浏览时,该标签用于指定是否将网页内容中的手机号码显示为拨号的超链接。
在 iPhone 上默认值是:

<meta name="format-detection" content="telephone=yes"/>
登录后复制

如果你不希望手机自动将网页中的电话号码显示为拨号的超链接,那么可以这样写:

<meta name="format-detection" content="telephone=no"/>
登录后复制

2.

<meta name=”apple-mobile-web-app-capable” content=”yes” />
登录后复制

这apple-mobile-web-app-capable的作用就是删除默认的苹果工具栏和菜单栏。content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行meta就不用加了,默认就是显示。

3.

作用是控制状态栏显示样式:

<meta name=”apple-mobile-web-app-status-bar-style” content=”default” />
<meta name=”apple-mobile-web-app-status-bar-style” content=”black” />
<meta name=”apple-mobile-web-app-status-bar-style” content=”black-translucent” />
登录后复制

default:默认; black:纯黑; black-translucent:半透明灰色

 更多PHP相关知识,请访问PHP中文网

以上就是php网页在手机上左右不充满的详细内容,更多请关注php中文网其它相关文章!

PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

PHP怎么学习?PHP怎么入门?PHP在哪学?PHP怎么学才快?不用担心,这里为大家提供了PHP速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号