- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章构建跨浏览器兼容网站的八个基本技巧由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.
一旦你花时间了解一下 Web 浏览器的历史并了解它们的工作原理,构建和测试跨浏览器兼容网站的必要性就显而易见了.
但是,了解跨浏览器工作的 Web 应用程序的重要性是一回事,而为其开发又是另一回事。 虽然几乎不可能让每个浏览器的设计看起来都完全相同,但有几种方法可以确保你提供一致的用户体验。有一些技巧可以让你的网站交叉兼容.
1. 保持代码简单。在编码时考虑质量而不是数量。不要将十行代码专门用于只需要三行代码的功能。简单的代码不仅对跨浏览器更友好,而且在需要调试或调整兼容性时也更易于维护.
2. 使用框架。Foundation 和 Bootstrap 等 CSS 框架将为你提供样式代码,让你更轻松地进行交叉兼容性。如果你花时间熟悉某些功能,构建响应式 Web 应用程序将变得更快、更容易。这些还将帮助你使应用程序在移动浏览器中的外观和行为正确无误.
3. 定义有效的 Doctype。Doctype 是你代码中的第一行,它描述了将在你的应用程序中使用的 HTML。因为不同的浏览器有不同的标准和规则,所以你需要定义Doctype,否则渲染引擎基本上会为你猜测。当然,这可能会导致你想要避免的错误和不一致.
4. CSS 重置。每个浏览器都遵循不同的默认 CSS 规则。这就是为什么你使用 CSS 重置样式表来确保你的浏览器遵循相同的基本规则并保持一致。你希望将其中一个添加为第一个样式表以进行重置,除非你使用已经拥有的框架.
5. 验证。验证你的 HTML 和 CSS 以防止出现问题是个好主意。使用 W3C HTML Validator 和 CSS Validator 来确保你的代码没有错误,如果没有则修复它.
6. 条件注释。条件注释允许你链接不同浏览器的样式表,这在涉及 Internet Explorer 常见的设计挑战时特别有用.
7. 为差异做好准备。同样,几乎不可能有一个在每个浏览器上看起来都相同的设计,除非它非常基本。无论你遵循什么规则,形式和排版等细节都可能会有所不同。你的主要关注点不应该是让设计在每个浏览器上看起来都相同。相反,你应该确保它看起来可以接受并且可以使用,而不会包含不合适的元素或阻止某人访问某些功能的元素.
8.不要跳过跨浏览器测试。在开发时记住这些技巧是不够的。 尽管你试图避免它,但很容易意外地编写在一个浏览器中不起作用的东西。 这就是为什么你需要在交付前检查该站点是否在不同浏览器上实际运行的原因。 使用 CrossBrowserTesting 之类的工具,你可以在 1,500 多个浏览器中执行此操作,因此你永远不必想知道用户从不同的机器访问你的页面时看到的内容.
原文链接:https://www.toutiao.com/a7047750322659836452/ 。
最后此篇关于构建跨浏览器兼容网站的八个基本技巧的文章就讲到这里了,如果你想了解更多关于构建跨浏览器兼容网站的八个基本技巧的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
我是新手。查看 Google 新闻...上下滚动页面时请注意左侧导航栏。 看看它是如何滚动一点,然后在它消失之前粘在页面顶部的? 关于如何做到这一点有什么想法吗? jQuery 和 CSS 可以复制吗
技巧 1:在 Web 服务器上缓存常用数据 技巧 2:在 Application 或 Session 对象中缓存常用数据 技巧 3:在 Web 服务器磁盘上缓存数据和 HTML 技巧 4:避免
我在 excel 中有一个电子表格,其中包含以下行: COLUMN Value1.Value2.Value3 Value4.Value5.Value6 Value7.Value8.Val
GNU Makefile 中是否有任何技巧来获取规则的所有依赖项? 例子: rule1: dep1_1 dep1_2 dep1_3 rule2: dep2_1 dep2_2 rule1 dump_
人们使用什么来追踪内存泄漏?我已经通过代码检查设法解决了一些问题,但我不知道下一步该做什么/当我的程序变大时我将如何管理问题。我知道我在泄漏什么类型的对象,但我不知道是什么让它保持活力。 在 Wind
有什么好的方法可以将“xlSum”、“xlAverage”和“xlCount”等字符串转换为它们在 Microsoft.Office.Interop.Excel.XlConsolidationFunc
我们都见过这个: javascript:document.body.contentEditable='true'; document.designMode='on';无效 0 但我的问题是,这实际上是
我的应用程序将输出一个图形,其布局由用户定义。自定义布局类应该实现我定义的接口(interface)。我应该怎么做?有一个特殊的文件夹,我可以在其中查找布局类?用户是否将类名作为参数传递给应用? 如有
我在弄清楚如何在 Javascript 中自引用表行时遇到了一些麻烦。 这是简化的代码: $( "#listitems tbody" ).append( "" + "" + id.va
关闭。这个问题需要更多focused .它目前不接受答案。 想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post . 关闭 6 年前。 Improve this q
我正在将代码库从一种编程风格转移到另一种编程风格。 我们有一个名为 Operand 的类型,定义如下: class Operand {...}; 然后我们有 class OperandFactory
我使用以下缩略图类在我的内容包装器中显示 4x3 缩略图: .thumbnail { float:left; width:300px; height:200px; ma
按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visit the
我认为这是不可能的,但我想在放弃之前问问你。 我想要类似 constexpr 增量的东西。 #include constexpr int inc() { static int inc = 0;
是否有任何适合 C++ 新手的技术和描述的好列表。我在想一个描述 RAII、RVO、左值的列表……这适用于目前不了解这些技术或来自不适用这些技术的其他语言的新手。 最好是短小精悍的:-) 最佳答案 是
我有一个二进制字符串 '01110000',我想在不编写 forloop 的情况下返回前面的前导零数。有谁知道如何做到这一点?如果字符串立即以“1”开头,最好也返回 0 最佳答案 如果您真的确定它是一
我需要优化我的应用程序的 RAM 使用率。 请省去那些告诉我在编写 Python 代码时不应该关心内存的讲座。我有内存问题,因为我使用非常大的默认字典(是的,我也想快点)。我目前的内存消耗是 350M
有时,当我看到一个我喜欢的网站或来自受人尊敬的人的网站时,我会查看源代码并尝试理解它们(就像我们所有人一样)。 关于 Jeremy Keiths他使用以下代码的网站: [role="navigatio
这是我怎样设置 Git 来管理我的家目录的方法。 我有好几台电脑。一台笔记本电脑用于工作,一台工作站放在家里,一台树莓派(或四台),一台 Pocket CHIP,一台 运行
shell 技巧 表变量 HBase 0.95 版本增加了为表提供 jruby 风格的面向对象引用的 shell 命令。以前,作用于表的所有 shell 命令都具有程序风格,该风格始终将表的名称作
我是一名优秀的程序员,十分优秀!