前端项目部署错了怎么回退

html-css023

前端项目部署错了怎么回退,第1张

window.scrollTo

前端部署错误,回退的时候可以使用window.scrollTo()强制回退到上次浏览位置。

前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,完美的动效设计,给用户带来极高的用户体验。

这是因为知乎在 CSS 中使用的字体回退设置是:

font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif

将 Helvetica Neue 写在最前面是为 OS X 和 iOS 进行优化。在 OS X 和 iOS 的字体渲染机制下,Helvetica Neue 显然是比 Arial 更佳的选择。但是 Helvetica (Neue) 的 hinting 不如 Arial, 所以在 Windows 的 ClearType 下,效果会较差,估计你觉得「很不习惯」是来源于此。

Windows 系统自带字体中没有 Helvetica Neue 和 Helvetica, 所以这样写 CSS 可以使 Windows 和 OS X / iOS 都获得较佳的字体选择,并无不妥。而若在 Windows 中安装了 Helvetica (Neue),问题就会出现。

解决方式有几种:

1、使用 MacType 这样的 OS X-like 字体渲染插件;

2、卸载 Helvetica (Neue), 或是通过字体管理软件按需激活;

3、使用自定义 CSS 来 hack, 利用 @font-face 将 Helvetica Neue 和 Helvetica 替换成 Arial——

@font-face { font-family: "Helvetica Neue"src: local('Arial') }

上述代码我仅在 OS X 中测试过,并且是用来将 Arial 替换成其他字体。在 Windows 下不同浏览器的效果如何,并不清楚。