2013年8月28日

移动端开发笔记--css媒体查询

摘要: 谈这个问题,主要是考虑应用移动端不同设备,不同屏幕,不同分辨率,甚至是考虑pc端的响应式布局。css2就引入了media-dependent样式表,开发者可以利用他们为不同媒体类型创建独立样式表;例如:或者将其添加至外联样式表标签:再或者使用@media标签讲样式添加至已有的样式表中:@media print{//add styles}media的值可以是以下几种:---- all 所有媒体类型---- aural 语音合成器---- braille 盲文装置---- embossed 分页盲文打印机---- handheld 小型设备,通常为单色---- print ... 阅读全文

posted @ 2013-08-28 16:27 All blue 阅读(946) 评论(0) 推荐(0) 编辑

移动端开发笔记----字体单位的选择

摘要: 在移动端进行前端开发如何选择字体是需要注意的。习惯了在pc端使用像素(px)来作为文字大小的单位,你可能会想到,在移动端开发中依然使用pc端开发的习惯可能对最终效果造成难以预料的结果。不要轻易使用px作为文字大小的单位。你可能认为由浏览器自动选择字体大小就可以了,但是绝大多数浏览器都默认以16px来显示字体,不信你可以自己试试看,当然各种浏览器的默认设置是不同的,通常我们通过reset来初始化一些基础样式,不过字体我试过ie8,ff,chrome,safari 字体这点还是一样,不过这里不是我们讨论的重点,可能有别的浏览器不一样,我们暂时就不去关心了。是不是感觉有些偏大了呢?通常的做法是使用e 阅读全文

posted @ 2013-08-28 14:28 All blue 阅读(838) 评论(0) 推荐(0) 编辑

导航