当我在谷歌PageSpeed中运行一个测试页面时。我发现了一些警告,例如serve缩放图像。
http://man-vimal.net78.net/introduction/?intro/action=main
THe results were as such :
The following images are resized in HTML or CSS. Serving scaled images could save 449.3KiB (99% reduction).
http://man-vimal.net78.net/.../twitter-logo.png is resize
我已经使用html和CSS创建了一个响应式网页。我将背景图片设置如下:
body
{
background: url('mobile.jpg') no-repeat center center fixed;
background-size: 100% 100%;
}
当我在android设备上测试它时,它在屏幕上看起来很完美,但只要我点击输入框,屏幕上就会出现软键盘,这会让我的背景图像重新调整大小。
如何避免图像在软键外观上重新调整大小?