html - 手机页面图片模糊

Question

要做手机页面 然后用这个头
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
但是做出来之后图片都特别的虚 怎么能改善？
写的都是给我的图片的宽高

Answer 1

你的图片不够清晰而已。大部分手机的屏幕像素密度比普通电脑显示器要高不少，所以业界常用方案是给高清图，比如使用两倍分辨率的图片。

Answer 2

给你的高度其实是像素，但是开发中你是用的点开发，一般一个点对应两个像素。
你这个不清楚的原因就是，你写的图片的大小 太大了，导致图片不清楚。
另外一个原因就是图片本身就模糊。
至于是那个原因，还是要你自己看一下服务器的图片和你的代码的。