Question

关于html里<meta name="viewport" content="width=device-width, target-densitydpi=255">声明的问题？

<meta name="viewport" content="width=device-width, target-densitydpi=255">请问html里的这句声明什么意思？
请问什么时候需要用到它？

Answer 1

　　这位网友你好，这个是做手机端网页自适应的代码，这里表示 viewport 的宽度为匹配设备屏幕的宽度。

追问

加上去之后从手机上预览写的手机网页整体变得好小啊。

追答

　　target-densitydpi=255你把这句去掉，如果想做的更好，还需要做媒体查询，也就是@media，你可以查一下相关资料。

Answer 2

<meta name="viewport" content="width=device-width" />这段代码，指定其显示窗口宽度（device-width,定义输出设备的屏幕可见宽度，device-width值可以是具体的数字，如320px）
有了这个，基本上就不需要target-densitydpi了非要加上的话， target-densitydpi=255可以强制内核以255DPI排版，使画面更精细

Answer 3

这个是响应式设计，写了这句话，你做手机端的话，就不会乱了样式