首页背景图片在PC端有显示,在手机端不显示的解决方法

今天看博客的资源大小,发现背景图片有44k大的吓人,准备压缩一下。

压缩之后才发现,我的背景图片在手机端是没有显示的。原因是背景图片不支持缩放

上网查了下,发现加入如下代码之后就支持缩放了:

background-size:100% auto;

如果想要背景图片贴满整个屏幕,则加入如下代码:

background-size:100% 100%;

原文地址:https://www.cnblogs.com/yangzhou33/p/8414512.html

时间: 2024-08-06 23:20:47

首页背景图片在PC端有显示,在手机端不显示的解决方法的相关文章

移动端网页布局中需要注意事项以及解决方法总结

移动端网页布局中需要注意事项以及解决方法总结,这份对我们在布局移动端网页的时候非常有用! winphone系统a.input标签被点击时产生的半透明灰色背景怎么去掉<meta name="msapplication-tap-highlight" content="no">1.关闭iOS键盘首字母自动大写<input type="text" autocapitalize="off" />2.禁止文本缩放h

编绎显示Unknown type name &ldquo;CGFloat&rdquo; 错误解决方法

一.编绎显示Unknown type name "CGFloat"  错误解决方法   将Compile Sources As 改为 Objective-C 二.如果是extern const引起的.直接加头文件 #import <UIKit/UIKit.h>

仿百度首页背景图片始终全屏

利用position:fixed属性新建一个全屏的层,将背景图片置于这个层中,这样就不会随着鼠标滚轮的滚动而改变背景图片的大小. 主要css: .image_bg{position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1} .image_bg img{position:absolute;left:0;top:0;margin:0 auto; width:100%;height:100%;z-index:-1} 测试代码: <!DO

移动端制作中可能遇到的一些问题及解决方法

在苹果设备中电话号码呈现蓝色且无法通过color修改: 解决方法:在页面加入meta标签. <meta name="format-detection" content="telephone=no" /> 移动端input无法获取焦点: 解决方法:放开阻止用户行为内容,可以为相应的元素添加以下样式. -weblit-user-select:text; 在IOS设备应用实际开发中,按钮可能采用input的type="button"来实现,

安装redhat时中文显示乱码(小方框)解决方法

在安装linux的时候,安装完了中文出现乱码或者是当时选错了选成了英文的,到时候中文显示乱码,下面说一下问题的解决: 在首次安装RHEL5时,如果选择的是英文,那么系统将不安装中文支持包,这样就导致了中文显示为乱码(小方框)....... 有很多人说vi /etc/sysconfig/i18n文件,其实根本就没有那个必要. 解决方法: 安装 1.fonts-chinese-3.02-9.6.el5.noarch.rpm.  如果无法安装,则加个--force 2.fonts-ISO8859-2-

VS2012 2013 显示查找功能 无法具体定位 解决方法

问题的现象:通过使用 Ctrl + Shift + F 也就是Find In Files功能,使用之后只能显示统计结果,不显示具体行.如下图 regedit 中在注册表中查找:HKEY_CLASSES_ROOT\Wow6432Node\CLSID\{73B7DC00-F498-4ABD-AB79-D07AFD52F395}\InProcServer32 发现了默认的值被设置成了NULL.(我是x64系统) 问题就在这里,只需要填入C:\Program Files (x86)\Common Fil

(转)织梦后台模块列表不显示的原因以及四种解决方法

最近,kdchxue在学习织梦的建站,可是遇到了这样的问题,织梦的后台模块列表没有办法显示.kdchxue在网上一搜,发现出现这样的原因的用户可不是少数,于是小编在网上冲浪了一般,结合自己的实际经验,给大家分析了织梦的后台模块列表无法显示的原因做了剖析,以及解决的方法! 虽然说织梦CMS是一款非常优秀的开源CMS程序,但在使用织梦DedeCMS的过程中,我们还是会遇到一些很恼火的事情,比如模块管理列表无法显示,无法对模块进行卸载,这个是非常影响心情的.造成织梦模块管理列表无法显示的原因,可能有很

always (*) 后代码全部显示注释字体的颜色之解决方法

ISE或UE等其他编辑器中, always (*) 后代码全部被注释. 或者说显示注释的字体颜色,看起来不方便. 解决方法: 删除 verilog 2001.uew中的 Block Comment On Alt = (* Block Comment Off Alt = *) 后 就可以正常使用always(*)了,要不然在us里这块代码显示被注释了 还有一种方法,就是使用always *  不要括号,也可以正常使用. 版权声明:本文为博主原创文章,未经博主允许不得转载.

dede限制标题长度后,鼠标移到标题,不显示完整的锚文本标题解决方法

先来一个我们常用的写法 {dede:arclist  titlelen='40' orderby=pubdate} <a href="[field:arcurl/]" title="[field:title/]">[field:title/]</a> {/dede:arclist} 下面来一个解决方法 {dede:arclist  titlelen='40' orderby=pubdate} <a href="[field:a