怎样实现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怎么让a标签居中

css如何设置表格标题(caption标签)的位置

css hover怎么设置

css怎么去掉select箭头

css如何进行单行注释

css怎么设置鼠标手势

jq怎么恢复原来的css样式

dreamweaver网页怎么创建css样式的复合声明?_dreamweaver教程_网页制作

css max-width属性怎么用

如何在文字下面添加下划线

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




打赏

取消

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

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

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

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

评论

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