4

我想知道包含css重置或css规范化库是否是一个好主意（如果我想要跨多平台构建的一致性）？

我关心的当然是应用程序速度、加载时间和内存使用，目标当然是跨平台的 UI 一致性......

4

5 回答 5

2

概述

CSS 重置是必须的，Cordova / Phonegap 都使用手机原生浏览器，所以 Windows Phone 这是一个 Internet Explorer 包装器，android 现在是一个 Chrome 包装器（旧版本使用他们自己的浏览器包装器），iOS 使用任何版本的 safari mobile那个版本的 iOS 所有的女巫都对 HTML5 有更多的支持，所以可能会有差异。这意味着您需要重置，以便您拥有与桌面网站相同的所有设备/浏览器的基础。但是性能完全取决于你的所作所为，如果你只使用一个小的基本重置它会更少，但即使是一个大的，你会不会再注意到它然后没有它。

CSS 重置

所以我们知道浏览器在 CSS 引擎默认字体和其他东西上有细微的差别，所以我们使用重置来防止这对于移动浏览器是相同的（这就是 cordova/phonegap 使用的）所以总是建议重置，即使你构建一个适用于 iOS 和 Android 的 cordova/phonegap 移动应用程序在 Android 支持负载的设备尺寸方面是一个皇家痛苦 iOS 只有少数。但是这些尺寸可能会导致大量问题，更不用说您必须使用的 DDPI，因为 DPI 变化很大。

表现

有轻微的性能下降，除非你包含一个像http://getbootstrap.com/css/这样的大规模 CSS 重置系统，否则你会在任何混乱情况下看到它，这会增加一些性能损失，但你会注意到它是否它的 0.5 秒，您的 javascript 从 phonegap 到 init() 需要更长的时间，但是首先查看引导程序，如果其中有您将使用的东西，这将是值得的，只是为了节省开发时间，我经常使用来自http://getbootstrap.com/components/. 如果这就是你想要的，还有像http://html5doctor.com/html-5-reset-stylesheet/这样的小工具。

来源 互联网上到处都是教程，告诉您如何实现重置！https://www.google.co.uk/search?q=Phonegap+use+CSS+Reset&oq=Phonegap+use+CSS+Reset&aqs=chrome..69i57j69i60l3.3494j0j7&sourceid=chrome&es_sm=0&ie=UTF-8

您希望事实可以停止使用 Phonegap/Cordova，它所做的大部分工作是实现或利用 HTML5！HTML5 是一项正在进行的工作，因此不应使用！http://www.w3.org/TR/html5/

ME：5 年的移动开发经验，包括开发部分 Windows Phone 7 Phonegap。作为平台预览应用程序之一的开发人员。因此，在大多数用户得知 WP7 即将问世之前，我正在为 WP7 构建 phonegap 的一部分。

于 2014-09-01T10:59:21.420 回答
0

绝对地。如果您正在为多个平台开发应用程序，那么这听起来是个好主意。尽管我毫不怀疑您仍然会遇到跨平台的差异。

我看不出它会如何影响应用程序速度/加载时间/内存使用。

于 2014-03-20T04:51:00.543 回答
0

在为跨平台开发应用程序时，有很多关于 css 的问题。重置 css 会更好。但在性能方面仍然存在问题。

这篇文章可能对你有帮助http://www.informit.com/articles/article.aspx?p=1915792&seqNum=6

于 2014-03-20T05:29:00.593 回答
0

是的你应该！！

我开发了跨平台应用程序。

并且每次我使用 CSS 重置。

于 2014-09-01T09:28:49.513 回答
-1

我不确定 Phonegap 应用程序的确切上下文，因为我从未真正使用过，但通常从性能的角度来看，任何 CSS 重置都不应该有任何影响。

然而，我的观点是，通常情况下，您甚至不应该为针对一堆特定元素和属性的完整 CSS 重置而烦恼——您通常最终会在样式表的下方进一步覆盖它们。

我今天只使用一个简单的通用选择器边距/填充重置，我补充了我最喜欢的盒子模型调整。

* {
    margin:0;
    padding:0;
    box-sizing:border-box;
}

也许 10 年前有人会告诉你，通用选择器很慢，当时可能是这样，但今天已经证明单独使用它是绝对无害的。

无论如何，几乎所有最新浏览器的渲染/布局引擎都非常快，更不用说现在即使是低端移动设备也配备了多核 CPU。

我什至不会称其为微优化，这就是影响的疏忽程度。

现在，如果您要使用div.header *- 这要贵得多，但如果您的页面上没有几千个元素，那么可能仍然不会让您失眠。

阅读并为自己测试。

于 2014-08-29T22:43:15.567 回答