分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

常用meta设置

发布时间:2023-09-06 01:51责任编辑:熊小新关键词:meta

1,设置viewport

<meta name="viewport" content="width=device-width,user-scalable=no"> ?

这句话设置viewport的宽为设备的宽,禁止用户进行缩放

a) width: 宽度(数值/device-width) 默认为980

b)height 高度(数值/device-height)

c)initial-scale: 初始的缩放比例

d)minimum-scale: 允许用户缩放到的最小比例

e)maximum-scale: 允许用户缩放到的最大比例

f)user-scalable: 用户是否可以手动缩放

2,强制竖屏

只有UC和X5内核的浏览器支持,其他浏览器不支持。

x5的写法:

<meta name="x5-orientation" content="portrait"> ?

uc的写法:

<meta name="screen-orientation" content="portrait"> ?

3,浏览器全屏显示

只有UC和X5内核的浏览器支持,其他浏览器不支持。

X5的写法:

<meta name="x5-fullscreen" content="true"> ?

uc的写法:

<meta name="full-screen" content="yes"> 

原文博客:移动端常见meta设置

常用meta设置

原文地址:https://www.cnblogs.com/qianxunpu/p/8969616.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved