Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Image 格式化为css背景图像的大图像不是';t夏普_Image_Css_Ipad_Image Processing - Fatal编程技术网

Image 格式化为css背景图像的大图像不是';t夏普

Image 格式化为css背景图像的大图像不是';t夏普,image,css,ipad,image-processing,Image,Css,Ipad,Image Processing,所以我计划制作这张很长的照片,现在它很小,但是我把高度增加到了我预期的长度。以下是我目前的代码: <!doctype html> <meta charset="utf-8"> <head> <style> body {background-color: black} .image {background-image: url('http://i.imgur.com/JrsEkO9.jpg'); width: 640px;

所以我计划制作这张很长的照片,现在它很小,但是我把高度增加到了我预期的长度。以下是我目前的代码:

    <!doctype html>
<meta charset="utf-8">
<head>
<style>
body {background-color: black}
.image {background-image: url('http://i.imgur.com/JrsEkO9.jpg');
        width: 640px;
        height: 25000px;
        position: absolute;
        left: 50%;
        top: 40%;
        margin:-228px 0 0 -400px;
        repeat-x: no;
        -webkit-background-size: 640px 25000px;
        min-width: 640px;
        min-height: 25000px;}
</style>
</head>
<html>
<body>
<div class="image">
</div>
</html>
</body>

正文{背景色:黑色}
.image{背景图像:url('http://i.imgur.com/JrsEkO9.jpg');
宽度:640px;
高度:25000px;
位置:绝对位置;
左:50%;
最高:40%;
利润率:-228px0-400px;
重复-x:否;
-webkit背景尺寸:640px 25000px;
最小宽度:640px;
最小高度:25000px;}

看起来我希望它能在桌面上出现,但在ipad上打开时,图像模糊。有什么建议吗?这里有一个链接可以看到这个问题:

我对视网膜显示不是很了解,但我在调查你的问题时偶然发现了这个网站。这可能会给你一些理解。有两种方法可以做到这一点。我处理它的方法是让图像的大小达到需要的两倍。因此,给出图像的高度和宽度为1200px,但图像的实际尺寸为2400px。由于视网膜显示器的像素密度是普通显示器的两倍,如果图像文件大小是视网膜显示器上图像清晰度的第二优先级,那么这是一项快速而肮脏的工作。研究
媒体查询
视网膜图像
。这也可能有帮助