发表于: 2017-07-05 23:19:45

1 1004


今天完成的事情

今天把小课堂的文章又编辑了一下,记录5个网页上

然后把任务4的代码整理规范,分了img css js文件夹,发现了几个bug,修改了一下。优化了杀人游戏的样式

任务4上传服务器,文件很多很乱,之前样式表写的太垃圾了,现在改都不好改。


明天计划的事情

明天提交任务4,然后优化任务5-10的代码,如果可以的话,5-10也差不多能提交了,不过之前有很多地方是裸奔的,样式还要好好优化。


遇到的问题

字体的大小到底能不能根据屏幕宽度缩放,在不用媒体查询的情况下


收获

字体百分比放大缩小是可以的,不同单位不同设置情况

1. “Ems”(em):“em”是一个可伸缩的单位, 用于web文档媒体展示。一个em等于当前的字体大小,例如,如果文档的字体大小是12 pt,1 em等于12 pt。Ems在本质上是可伸缩的,所以2 em相当于24 pt,.5 em相当于6 pt等。ems由于其可伸缩性和适应移动设备的特性在web文档中正变得越来越受欢迎。

2. 像素(px):像素是固定大小的单元,用于屏幕媒体(即在电脑屏幕上读取)。一个像素等于电脑屏幕上的一个点 (是你屏幕分辨率的最小分割)。许多网页设计师在web文档使用像素单位以生产浏览器渲染的像素完美呈现的网站。像素单元的一个问题是,它没有为视障读者的扩展,以适应移动设备。

3. 点(pt):点通常用于印刷媒体(任何打印在纸上的媒体,等等)。一个点等于一英寸的1/72。点更像像素,他们是固定大小的单位,不能伸缩。

4. 百分比(%):百分比单位更像“em”单位,除了一些根本性的差异。首先,当前的字体大小等于100%(比如12 pt = 100%)。当使用百分比单位,你的文字在移动设备上仍然保持完全的可伸缩性和可访问性。

建议使用最常用的像素单位,使用响应式媒体查询编写不同情况下的字体大小



返回列表 返回列表
评论

    分享到