怎样实现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属性的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css中vm是什么单位

使用css flexbox构建网站标题

css怎么实现不定宽水平居中

css字体图标怎么用

css如何设置透明度不会影响子元素

css如何实现显示和隐藏

css和div的区别是什么

什么是css权重

css如何实现n宫格布局

用css怎么添加小图标

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




打赏

取消

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

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

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

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

评论

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