我正在建立一个响应式的网站。有一套单独的CSS应用于智能手机。为此,我使用以下代码
@media all and (min-width: 760px) {
.wrap {
/*css for large screens goes here*/
}
}
@media not all and (min-width: 760px) {
.wrap {
/*css for small screens goes here*/
}
}
我的智能手机的屏幕分辨率是:1080x1920。但它仍然在小屏幕上显示CSS。我很惊讶这会发生,因为1080 > 760,所以第一个
我已经使用html和CSS创建了一个响应式网页。我将背景图片设置如下:
body
{
background: url('mobile.jpg') no-repeat center center fixed;
background-size: 100% 100%;
}
当我在android设备上测试它时,它在屏幕上看起来很完美,但只要我点击输入框,屏幕上就会出现软键盘,这会让我的背景图像重新调整大小。
如何避免图像在软键外观上重新调整大小?