web
sunnylinner
宅
展开
-
Web 字体的选择和运用
首先来看一则设计师和前端小白的日常,这是使用 Mac OS 的设计师给的效果图 这是使用 Windows 开发的实际产品页面 我跟你们说,设定字体要按照基本法! (PS: 以上截图不代表网站真实面貌,仅为说明。) 先来看看字体和字族的关系 真的是一图胜千言啊!没看明白的话再来一张图! 这张图里的 Helvetica Neue Ultra Light 算是一个字体转载 2016-08-01 17:27:47 · 679 阅读 · 0 评论 -
content = "IE=edge,chrome=1" 详解
这是个是IE8的专用标记,用来指定IE8浏览器去模拟某个特定版本的IE浏览器的渲染方式(比如人见人烦的IE6),以此来解决部分兼容问题,例如模拟IE7的具体方式如下: 但令我好奇的是,此处这个标记后面竟然出现了chrome这样的值,难道IE也可以模拟chrome了? 迅速搜索了一下,才明白原来不是微软增强了IE,而是谷歌做了个外挂:GoogleChromeFrame(谷歌内嵌浏览器框架GC转载 2016-08-09 10:54:18 · 1042 阅读 · 0 评论 -
移动前端开发之viewport的深入理解
在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是浏览器上(也可能是一个app中的转载 2016-08-09 14:21:38 · 642 阅读 · 0 评论