iPhone 6和iPhone 6 Plus刚刚宣布.但是像往常一样,手机规格永远不会device-width在CSS Pixels或DPR中给出元视口大小width=device-width,initial-scale=1.
已经做出预测,推测375/414px视口宽度,但仍然不清楚......
注意:请不要使用已知的整体设备分辨率或规格推测或发布答案,这不是我想要的.我想要默认的响应式纵向和横向视口宽度(以像素为单位).
这里有人会发布一个网站,提供一个简洁的摘要,说明哪些供应商特定的CSS3扩展 - 例如-moz-border-radius- 仍然需要或可以弃用?
从我所看到的所有最近版本的Chrome,Safari和Opera(忘记IE,我可以在没有它的情况下为我当前的应用程序生活)基本上很高兴能够使用没有供应商前缀的W3C属性.
我仍然在这里看到有关为IE8做出响应式设计工作或者上帝禁止IE7的问题.
由于缺乏对Windows相关设备的了解,我的直接想法是,由于今天仍然运行IE8的移动设备数量微不足道,因此不值得为IE8实施响应式设计.对于这个特定的浏览器,只需将网站保留为静态1024x768,因为如果IE8的剩余浏览器份额超过95%,那么响应式设计几乎没有理由,需要额外的痛苦工作以及媒体查询polyfill的限制.仅在具有安全假定的1024+屏幕宽度的桌面上运行.
如果音量仍然相关,哪个移动平台仍然使用IE8浏览器,则需要或证明他们的响应式设计方法.请分享有用的相关链接.
PS:上下文仅使用标准模式,不包括在兼容性视图或quirk模式下使用IE.
让我们将Google Analytics Universal脚本作为我希望澄清,验证和/或扩展的实践的前提:
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
</script>
Run Code Online (Sandbox Code Playgroud)
谷歌选择将所有变量作为参数传递,而不是将其声明var.在这种情况下,明显的好处是将代码最小化(避免var范围中的关键字和=字符重复)a和m未定义...虽然将现有变量作为参数或对象传递到范围是很常见的,将未定义的变量作为参数传递给skip来声明它们是非常不寻常的.
我很有兴趣知道这种方法是否存在已知的警告.尤其:
这是使用更多还是更少的内存,还是等同于函数范围中声明的变量?
它对垃圾收集器有什么影响,怎么样?
增加或大量传递给函数的参数在性能方面是否有任何缺点?
附加说明:请不要回答.我对基于意见的答案不感兴趣.此问题还不是关于传递对象范围,如下所述:https://stackoverflow.com/a/4665324/1647538.所以请不要回答这个特定的方面.
我只是从javascript 经验丰富的专家或浏览器实现者那里寻找可验证的基于事实的答案,具有javascript编译器的广泛知识,以及垃圾收集器的工作方式.