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

这篇文章主要介绍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"/>

为了让网页在手机端宽度充满屏幕，我们可以设置body的css样式为

body{
    padding: 0;
    margin: 0;
    width: 100%;
}

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

1、<meta name="format-detection"/>

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

<meta name="format-detection" content="telephone=yes"/>

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

<meta name="format-detection" content="telephone=no"/>

2.<meta name="apple-mobile-web-app-capable"/>

<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"/>

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

<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网页在手机上左右不充满的方法
本文路径：/article12/gceodc.html

成都网站建设公司_创新互联，为您提供网站营销、网页设计公司、App开发、虚拟主机、搜索引擎优化、软件开发

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联