今天做的练习是自适应屏幕大小,遇到了一些困难,困难在于我以前用CSS布局的时候都是使用PX作为单位来进行定位布局。但今天把网页拓展实验到了我家的电视(42寸)上,此时就出现了问题,问题之一就是:没有办法填充满屏幕,只能出现一个屏中屏,看起来非常的别扭。试验了纯CSS来做到自适应屏幕和用JS获取屏.....
分类:
其他好文 时间:
2015-03-11 00:31:10
阅读次数:
215
当尺寸为 0 像素时,0 之后不需要使用 px 单位,因为 0 就是 0,无论单位是什么。p { font-size:0 }如果值为若干单词,则要给值加引号:p {font-family: "sans serif";}border-style(边框样式)常见样式有:dashed(虚线)| ...
分类:
Web程序 时间:
2015-03-10 11:56:20
阅读次数:
231
ScrollView与HorizontalScrollView这是一个滚动视图,就是说如果你在你的UI中容不下那么多的内容,且你对自己的UI都已经设置好了px,OK,那么在适应屏幕过程中,我们并不希望使之压缩,于是我们可以采用ScrollView这个空间来包裹!
注意,值得一提的是,它只能包裹一个组件,因此,你必须在这个过程中只能使用一个Layout来布局哦!
当然上面所说的是,是垂直方向上的布...
分类:
移动开发 时间:
2015-03-10 10:32:07
阅读次数:
158
1、概述 过去,程序员通常以像素为单位设计计算机用户界面。例如:图片大小为80×32像素。这样处理的问题在于,如果在一个每英寸点数(dpi)更高的新显示器上运行该程序,则用户界面会显得很小。在有些情况下,用户界面可能会小到难以看清内容。由此我们采用与分辨率无关的度量单位来开发程序就能够解决这个问题。...
分类:
移动开发 时间:
2015-03-10 10:06:58
阅读次数:
205
一、基本概念dip : Densityindependent pixels ,设备无关像素。dp :就是dippx : 像素dpi :dots per inch , 直接来说就是一英寸多少个像素点。常见取值 120,160,240。我一般称作像素密度,简称密度density: 直...
分类:
其他好文 时间:
2015-03-08 10:28:44
阅读次数:
165
一直研究到现在。。。很神奇的一个问题。我var a=0 然后接着写代码下去,var a = 0;var b;$(".qhan ul li.next").click(function(){ (a0)?(a--):(a=2); b=a*(-320)+"px"; $(".bg ul")....
分类:
其他好文 时间:
2015-03-07 06:09:39
阅读次数:
116
1、概述
过去,程序员通常以像素为单位设计计算机用户界面。例如:图片大小为80×32像素。这样处理的问题在于,如果在一个每英寸点数(dpi)更高的新显示器上运行该程序,则用户界面会显得很小。在有些情况下,用户界面可能会小到难以看清内容。由此我们采用与分辨率无关的度量单位来开发程序就能够解决这个问题。Android应用开发支持不同的度量单位。
2、度量单位含义
...
分类:
移动开发 时间:
2015-03-06 12:46:21
阅读次数:
228
指定Mobile设备或者小屏幕桌面屏幕@media screen and (max-width:480px){}如果一排有好几个元素,并且有的用百分比定义,有的是用像素px定义,那么对于这种混合型的宽度计算公式为:width: calc(100%-40px); 计算宽度波浪型链接text-decor...
分类:
Web程序 时间:
2015-03-05 10:44:12
阅读次数:
157
无标题文档向左滚向右滚 一开始遇到了个问题,ul的样式是外部样式,所以代码oUl.style.left=oUl.offsetLeft-2+'px'有问题,程序跑不了,style不能取外部样式,谨记!定时器开启定时器setInterval 间隔型setTimeo...
分类:
Web程序 时间:
2015-03-04 20:43:07
阅读次数:
145
rem是CSS3中新增加的一个单位值,他和em单位一样,都是一个相对单位。不同的是em是相对于元素的父元素的font-size进行计算;rem是相对于根元素html的font-size进行计算。这样一来rem就绕开了复杂的层级关系,实现了类似于em单位的功能。Rem的使用前面说了em是相对于其父元素...
分类:
其他好文 时间:
2015-03-04 16:01:20
阅读次数:
425