css-如何让登录页面的图片在不同大小的屏幕上自适应。

问题描述

如何让登录页面的图片在不同大小的屏幕上自适应。: 测试的时候发现页面在21寸开发机器上没有问题。但是在更大的机器上就会出现图片左右两侧有空白。这个该如何解决呢。试了网上几种background样式都无法解决。

解决方案

这个也不行？？？

 background-size:cover;

是不是使用有问题，可以参考一下这个，也是登录页面：http://blog.csdn.net/qq_19558705/article/details/50318981

解决方案二：

背景还是直接img加载的？背景的话用background-size:100%，不过IE8-不支持

可以用jquery.supersized.js这个插件

http://niutuku.com/js/402840.shtml

时间： 2024-10-30 08:38:51

css-如何让登录页面的图片在不同大小的屏幕上自适应。的相关文章

就是那个上传的。按实际上传时的文件名称保存（不在是test.jpg了）图片可以改大小，图上写字（可选

<%@ Page Language="c#" Debug="true" Trace="true"%><%@ Import Namespace="System.IO" %><%@ Import Namespace="System.Drawing" %><%@ Import Namespace="System.Drawing.Imaging" %&g

Yale CAS + .net Client 实现 SSO（6）--自定义登录页面

原文地址:http://www.cnblogs.com/zhenyulu/archive/2013/01/31/2883863.html 第一部分:安装配置 Tomcat 第二部分:安装配置 CAS 第三部分:实现 ASP.NET WebForm Client 第四部分:实现基于数据库的身份验证第五部分:扩展基于数据库的身份验证第六部分:自定义登录页面第六部分:自定义登录页面 1. 离线定义登录页面 CAS登录页面存放在"%TOMCAT_HOME%\webapps\cas\WEB-INF\

图片-在java ee的一个案例中，登录页面时出现乱码，怎么回事呢？

问题描述在java ee的一个案例中,登录页面时出现乱码,怎么回事呢? 解决方案检查一下页面的编码是否是gb2312.gbk.utf-8等. 解决方案二: 服务器的编码设置是否也是utf-8? 解决方案三: 一个是工作空间的编码设成utf-8的还有就是页面的编码格式也要设置成utf-8的试试呢解决方案四: 写个过滤器也是可以的解决方案五: 工作空间的编码集设置.项目的编码集设置.jsp页面上的编码集设置.response的contenttype,response的characterEn

[Js插件]使用JqueryUI的弹出框做一个“炫”的登录页面

引言查看项目代码的时候,发现项目中用到JqueryUi的弹出框,可拖拽,可设置模式对话框,就想着使用它弄一个登录页面. 弹出框在Jquery Ui官网可定制下载弹出框,下载和弹出框下载相关的js文件,css文件. 官方网站:http://jqueryui.com/ 项目结构: Login.html 引入文件: 1 <link href="Scripts/css/redmond/jquery-ui-1.10.4.custom.css" rel="styleshee

spring mvc-求大神，java项目除了ie浏览器以外，都报这个400错误，登录页面都不能找不开。

问题描述求大神,java项目除了ie浏览器以外,都报这个400错误,登录页面都不能找不开. 开发环境为springMVC+freemarker,项目在IE下运行可正常显示,但在其他浏览器就无法请求跳转到登录页面,请各位大吓帮忙看一下,感激不尽. 解决方案 <@g.htmlDocType /> <@g.htmlHead title="登录" cssPaths=[ "style/css/style.css" ] jsPaths=[ "js

play for scala 实现SessionFilter 过滤未登录用户跳转到登录页面_java

一.编写SessionFilter.scala代码 package filters import javax.inject.{Inject, Singleton} import akka.stream.Materializer import controllers.routes import play.api.mvc.{Filter, RequestHeader, Result, Results} import scala.concurrent.Future @Singleton class S

实例详解DIV+CSS布局入门之页面布局与规划

css|规划|详解|页面好久没有认真写点东西了,想起最近这些时间经常有朋友问到我有关于DIV+CSS布局的问题,其实归根结底还是由于没有入门造成的.那么接下来的这篇文章就带领大家入门吧... 在网页制作中,有许多的术语,例如:CSS.HTML.DHTML.XHTML等等.在下面的文章中我们将会用到一些有关于HTML的基本知识,而在你学习这篇入门教程之前,请确定你已经具有了一定的HTML基础.下面我们就开始一步一步使用DIV+CSS进行网页布局设计吧. 所有的设计第一步就是构思,构思好了,一般来

CSS网页设计中使用背景图片须注意路径问题

css|背景图片|设计|网页|网页设计|问题网页设计技巧文章,CSS网页设计中使用背景图片须注意路径问题. 在传统的表格布局中,背景图片是直接应用于表格的,一般情况下CSS的background-image属性使用非常少,或者说根本就不使用.应用CSS网页布局,实现内容与表现.行为相分离,作为页面框架.装饰等图片我们就直接剥离到CSS文件中,通过CSS进行定义. 我们通常用link的方法直接引用一个CSS文件到HTML(或其它活动文档)文件中.我们会发现有时候我们的图片无法显示了.此时,请查看

Dreamweaver开发ASP实例视频教程(10)登录页面

dreamweaver|教程|视频教程|页面本视频教程由本站合作网站陶益数码工作室http://www.ty502.com推出,欢迎大家访问他们的网站. 使用Dreamweaver开发ASP具有不用手工写代码的优点,非常适合初学者建设自己的动态网站.本套教程由我们精心设计奉献给大家,内容包含了文章整站教程.音乐整站教程.图片整站教程.文件上传系统教程.投票系统教程.会员分级管理系统教程和网站后台管理教程等,通过本教程的学习,相信您一定能很快掌握动态网站制作的方法,从代码的枯燥乏味中解脱出来.