怎样实现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怎么禁止点击事件

h5中Meta标签及作用

css中的块级元素是什么

css中伪类和伪元素的详细介绍(代码示例)

你可能还不知道的7个惊人的css属性!

css position 属性值有哪些?

css怎么设置悬浮效果

css如何去掉超链接下的横线

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

css中tr是什么意思

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




打赏

取消

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

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

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

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

评论

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