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。由于视网膜显示器的像素密度是普通显示器的两倍,如果图像文件大小是视网膜显示器上图像清晰度的第二优先级,那么这是一项快速而肮脏的工作。研究
媒体查询和视网膜图像。这也可能有帮助