javascript修正12个浏览器兼容问题[译]
作者：vocal 来源：前端观察 发布时间：2009-04-23 12:19:00
标签：浏览器,兼容,插件,JavaScript
我们提倡尽可能使用CSS，而且我们常常能做到这一点。现代浏览器有很好的CSS支持-这无疑足够好让你使用CSS来控制布局和版面设计。但是有时候，某些网页元素在不同的浏览器会出现不同。
如果你不知道原因，不要过于担心，请研究CSS规则并查看这篇文章:使用CSS来修正一切: 20 +常见错误和修复。
如果这些也无效，您可以通过下面列出的12个javascript解决方案修复它，这样您的网页看起来就能跨越所有浏览器了！
在本文中，我们会揭开你在开发web应用是可能会遇到的12个最常见的CSS问题的javascript解决方案。
1. 自动匹配高度
自从我们抛弃了基于Table的页面布局后，创建同等高度栏目或内容盒子的视觉效果已然是一个挑战。
1.1 用jQuery设置匹配高度
这个jQuery插件在同一个容器里“平衡”盒子的高度并创造一个简介的网格——几乎从可用性和性能的角度使用简单的JavaScript替代： equalHeights()函数测定一个容器里的所有同级元素同容器的高度，然后设置每个元素的最低高度为最高的元素的高度。
如何工作
equalHeights()通过循环测定指定元素的最高级别的子节点，然后设置他们的最小高度值为最高的元素的高度。
1.2 用jQuery匹配栏目高度
jQuery的另一个可以使盒子的高度相等的插件
$(“#col1, #col2″).equalizeCols();
将如你所想的那样匹配高度
$(“#col1, #col2″).equalizeCols(“p,p”);
匹配这两卷，并在#col1或#col2(短的那个)里的P标签后面添加空白.
0
投稿猜你喜欢
- 最近没事刚好联系下vue+springboot前段后分离的项目、用上了图片上传功能、记录一下。前端待提交的表单部分代码<el-form
- 本文实例为大家分享了js Tab选项卡切换效果，供大家参考，具体内容如下<!DOCTYPE html><html lang
- 进程与线程想象在学校的一个机房，有固定数量的电脑，老师安排了一个爬虫任务让大家一起完成，每个学生使用一台电脑爬取部分数据，将数据放到一个公共
- var request = require('request')var url = 'http://www.baid
准备工作创建一个应用添加应用到配置创建一个html编写视图函数from django.shortcuts import render# Cr- python控制鼠标键盘其实很容易，我们在写程序的时候很多时候会用的到！python控制鼠标键盘步骤及代码1、安装类库pip install
- 环境：python3， 要安 * s4这个第三方库获取请求头的方法这里使用的是Chrome浏览器。打开你想查询的网站，按F12，或者鼠标右键一
- 本文实例讲述了Python简单实现两个任意字符串乘积的方法。分享给大家供大家参考，具体如下：题目：给定两个任意数字组成的字符串，求乘积，字符
- 1.什么是JWTJWT（JSON Web Token）是一个非常轻巧的规范,这个规范允许我们使用JWT在用户和服务器之间传递安全可靠的信息,
- 目录前言解决方案工具介绍工作原理使用限制使用注意使用示例部分参数说明输出结果示例腾讯云数据库 MySQL 使用注意总结一下前言写作案例分析，
- 前言最近网站从HTTPS转为HTTP，更换了网址，旧网址做了301重定向，折腾有点大，于是在百度站长平台提交网址，不管是主动推送还是手动提交
- 随着MYSQL版本的更新以及电脑系统的变化，我们给大家整理了各种电脑环境下安装MYSQL的图解过程，希望我们整理的内容能够帮助到大家：mys
- 简介Part1:写在最前 OneProxy平民软件完全自主开发的分布式数据访问层，帮助用户在MySQL/
- numpy 数组及运算扩展库 numpy 是 Python 支持科学计算的重要扩展库，是数据分析和科学计算领域如 scipy、pa
- 如下所示：list = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10] slice = random.sample(list
- 关于高性能的分布式内存对象缓存系统Memcached，我们在另一篇文章中有提到过“在windows系统下如何安装memcached的讲解”，
- 本文实例为大家分享了Python 12306抢火车票的具体代码，供大家参考，具体内容如下# -*- coding: utf-8 -*-fro
- 获取所有文章数据o := orm.NewOrm()qs := o.QueryTable("Article")12获取总条
- Opencv-Python图像透视变换cv2.warpPerspective代码如下：# -*- coding:utf-8 -*-impor
- package org.load.demo;import java.io.IOException;import java.util.List
