css 按比例缩小或者放大代码

如:

 代码如下 复制代码
img{max-width:100px;max-height:100px;}
img{min-width:100px;min-height:100px;}

对于IE6及其以下版本的浏览器,则可以利用其支持的expression属性,在css code中嵌入javascript code来实现图片的缩放,
如下:

 代码如下 复制代码
.thumbImage {max-width: 100px;max-height: 100px;}
/* for Firefox & IE7 */ * html
.thumbImage { /* for IE6 */ width: expression(this.width > 100 && this.width > this.height ? 100 : auto); height: expression(this.height > 100 ? 100 : auto); }
时间: 2024-09-21 08:40:33

css 按比例缩小或者放大代码的相关文章

图片按比例缩小(css强制)js代码

<html xmlns="http://www.111cn.net/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=gb2312" /> <title>图网页特效代码</title> <style> <!-- ,很多情况下,不用这种方法,会增加ie负荷.--&

为什么这段jquery图片放大代码放在php中就不会出现放大的图片效果了

问题描述 为什么这段jquery图片放大代码放在php中就不会出现放大的图片效果了 #ShowPictureBox { width:300px; height:300px;overflow:hidden; }$(document).ready(function(){ $("#ShowPictureBox").JNMagnifier({ renderTo:"#ShowBigPictureBox" });}); <!--这里显示放大效果--> 解决方案 jq

CSS网页制作实例代码:模拟新浪微博的三角图像

文章简介:CSS网页制作实例代码:新浪微博的三角图像. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta

纯CSS 贴网页底部代码

纯CSS 贴网页底部代码,FF2.0+.FF3.0+.IE6.IE7.Safari.Opera.Chrome都通过,IE8b2下的效果有瑕疵,用hack方法解决. <html> <head> <title>test,alixixi测试中--</title> <meta http-equiv="Content-Type" content="text/html" charset="utf-8" /

js、css动态压缩页面代码

1.js.css动态压缩页面代码 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="index.aspx.cs" Inherits="index" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat=&quo

不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码_经验交流

纯DIV/CSS对联漂浮广告代码(无JS) 源码网两侧漂浮.经测试,兼容IE6,IE7,Firefox浏览器. CSS代码为: 复制代码 代码如下: .r1{width:80px;height:80px;background:red;float:right;          position:fixed !important; top/**/:200px;          position:absolute; z-index:300; top:expression(offsetParent.

动态加载js、css的简单实现代码_javascript技巧

一.原生js: /** * 加载js和css文件 * @param jsonData.path 前缀路径 * @param jsonData.url 需要加载的js路径或css路径 * @param jsonData.type 需要加载的类型 js或css */ function loadWriteFiles(jsonData) { jsonData.path = jsonData.path != undefined ? jsonData.path : ""; if(jsonData.

css 下拉菜单代码

提示:您可以先修改部分代码再运行 css 下拉菜单代码 Home Single Level Dropdown Dropline Flyout Support Contact 提示:您可以先修改部分代码再运行

漂亮CSS+DIV导航菜单代码

提示:您可以先修改部分代码再运行 漂亮CSS+DIV导航菜单代码 Home Single Level Dropdown Dropline Flyout Support Contact 提示:您可以先修改部分代码再运行