- 博客(6)
- 收藏
- 关注
原创 viewport的学习
参考资料:https://www.kancloud.cn/jaya1992/fe-notes/86799用户不能很好的通过手机等设备访问网页,因为平板太小。apple公司提出了一个解决方案:利用viewport标签创建一个虚拟的布局视口(layout viewport),这个视口的分辨率接近于PC显示器,Apple将其定义为980.也就是逻辑分辨率。这就解决了早期的页面在手机上显示的问...
2018-07-25 08:58:43 262
原创 300ms的问题分析以及解决方案
参考资料:https://www.cnblogs.com/ntt273/p/7147334.html移动端开发一般不用click,而是使用tap点击.300ms解决方案如下:方案一:禁止页面缩放(user-scalable)就解决了300ms的点击延迟,缺点,不能缩放了,如图片不能放大了。方案二:默认情况下,为了桌面站点能在移动端浏览器正常显示,移动设备浏览器默认的视口宽度一般...
2018-07-24 15:28:21 885
原创 背景图(css sprite)尺寸设置,DIPS,设备像素比,Retina,,border 1px问题
做了一张足够大分辨率的图,要截取指定的图片位置就需要设置background-size,公示如下:参考资料:https://www.w3cplus.com/css/css-background-size-graphics.htmlhttps://segmentfault.com/a/1190000004350120高分辨率图像宽度 / 目标图像宽度 = X原始Sprites图像...
2018-07-24 11:32:05 369
转载 css字体系列
转自:CSS3权威指南css定义了5种通用字体系列。Serif字体:这些字体成比例,而且有上下短线,serif字体的例子包括Timer,Georgia和New Century SchoolbookSans-serif:这种字体成比例, 没有上下短线,sans-serif字体的例子包括Helvetica,Geneva,Verdana,Arial和UniversMonospace字体:...
2018-07-18 10:03:11 568
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人