web移动端开发(2)-viewport

最新推荐文章于 2025-09-11 17:40:05 发布

原创最新推荐文章于 2025-09-11 17:40:05 发布 · 427 阅读

0 ·

CC 4.0 BY-SA版权

web移动端专栏收录该内容

3 篇文章

订阅专栏

本文深入探讨了viewport元标签的使用方式、属性及其在不同设备上的应用效果，包括宽度、高度、缩放控制和目标像素密度配置。

viewport

width [pixel_value | device-width] width 直接去设置具体数值大部分的安卓手机不支持的但是IOS支持
user-scalable 是否允许缩放（no||yes）
initial-scale 初始比例
minimum-scale 允许缩放的最小比例
maximum-scale 允许缩放的最大比例
target-densitydpi
-- dpi_value 70–400 //每英寸像素点的个数
-- device-dpi 设备默认像素密度
-- high-dpi 高像素密度
-- medium-dpi 中等像素密度
-- low-dpi 低像素密度
-- webkit内核已不准备再支持

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