标题拉伸:(1)不会收缩以适合iphone(2)如何设置桌面的最大宽度?

标题拉伸:(1)不会收缩以适合iphone(2)如何设置桌面的最大宽度?,iphone,css,header,stretch,Iphone,Css,Header,Stretch,我正在制作一个CSS tumblr主题标题,可以在grandneue.tumblr.com找到 (1) 拉伸:我希望它能够拉伸,但只能达到最大尺寸,因为标题太像素化了(否则),可能在800px左右 (2) 收缩:我遇到的第二个问题是,虽然标题确实缩小到了一定的大小(当我更改桌面浏览器窗口时会缩小到一定程度,在iphone5上也会缩小到一定程度),但它并没有完全缩小到100%适合垂直iphone5浏览器显示 有人能帮我解决这两个问题吗?内容是完全好的,所以我不明白为什么标题不会跟随 看起来问题出在

我正在制作一个CSS tumblr主题标题,可以在grandneue.tumblr.com找到

(1) 拉伸:我希望它能够拉伸,但只能达到最大尺寸,因为标题太像素化了(否则),可能在800px左右

(2) 收缩:我遇到的第二个问题是,虽然标题确实缩小到了一定的大小(当我更改桌面浏览器窗口时会缩小到一定程度,在iphone5上也会缩小到一定程度),但它并没有完全缩小到100%适合垂直iphone5浏览器显示


有人能帮我解决这两个问题吗?内容是完全好的,所以我不明白为什么标题不会跟随

看起来问题出在图像上,徽标周围有很多空白。编辑标题图像,使其宽度为800px,并确保徽标正好适合边缘。然后将.header image.cover上的背景属性设置为

.header-image.cover{
-webkit-background-size: 100%;
-moz-background-size: 100%;
background-size: 100%;
margin: 0 -1px;
}
然后最后制作容器div。标题图像包装器

.header-image-wrapper{
max-width: 800px;
}
如果在移动设备上,图像正好位于边缘,只需使用媒体查询向容器添加填充:)


希望这有帮助

欢迎来到堆栈溢出!看一看。你到底想用什么样的css代码来实现它,它是如何不起作用的?这将非常有助于解决这个问题!