怎样操作meta标签中的viewport来控制设备屏幕的css属性


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

这次给大家带来怎样操作meta标签中的viewport来控制设备屏幕的css属性,利用meta标签中的viewport来控制设备屏幕的css属性的注意事项有哪些,下面就是实战案例,一起来看一下。

1

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

width-viewport的宽度 height-viewport的高度
initial-scale 初始的缩放比例
minimum-scale 允许用户缩放到的最小比例
maximum-scale 允许用户缩放到的最大比例
user-scalable 用户是否可以手动缩放

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

a标签如何使用href属性与onclick事件

css3的新单位vw、vh、vmin、vmax应该如何使用

怎样用H5的WebGL实现3D虚拟机房的漫游动画

canvas如何实现github404动态

H5的文件域FileReader怎样分段读取文件上传到服务器

以上就是怎样操作meta标签中的viewport来控制设备屏幕的css属性的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

html+css实现网页滑动门效果实例分享

css怎么设置字体颜色大小

less与sass框架如何使用?

如何使用css解决浮动元素父元素的高度塌陷问题?(代码示例)

使用<nav>链接滚动到页面相应部分

css怎么更改超链接颜色

css中文乱码怎么办

css怎么设置显示隐藏动画

html+css+js实现星空旋转和文字淡入效果(附代码)

你可能不了解的css网格函数!

更多相关阅读请进入《Meta》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...