//注意屏幕宽度从大到小 .abc{ height:300px; border:1px solid #000; margin:0 auto} @media screen and (min-width: 1201px) { .abc {width: 1200px} ...
分类：
其他好文 时间：
2015-07-10 12:56:01
阅读次数：
106
document.documentElement.clientWidth：取得浏览器页面可视区域的宽度document.documentElement.clientHeight：取得浏览器页面可视区域的高度screen.width：取得屏幕宽度screen.height：取得屏幕高度screen.a...
分类：
其他好文 时间：
2015-07-07 22:41:21
阅读次数：
163
1.媒体查询可以在链接link标签和具体的CSS中使用；2.通过标签的 media 属性为样式表指定设备类型和其他条件中间用and和（）来分隔，如下 3.视口宽度（width） 屏幕宽度（device-width）前者指没有工具栏的宽度（完完全全展示网页内容的部分）后者指屏幕的宽度或者分辨率4.--...
分类：
Web程序 时间：
2015-07-07 19:07:03
阅读次数：
149
@media all and (min-width:840px) //所有最小水平屏幕宽度为800像素的屏幕应用规则@media (min-width:800px) //简写方式，同上@media (min-width:800px) and (max-width:1200...
分类：
其他好文 时间：
2015-07-05 23:42:57
阅读次数：
174
在我们开发app时，TextView一定是使用最多的控件了，android自带的TextView的功能也十分强大，但还是有些小的地方不能满足我们的需求，几天要说的这个功能也是开发中很常见的，就是，在我们显示一段超过屏幕宽度的 String时，TextView会自动换行，但系统默认的换行效果是顶起，而不是美工要求的居中。这时候，就需要我们对系统的TextView做一些改造，已使得换行后文字能够居中显...
分类：
移动开发 时间：
2015-07-02 12:20:10
阅读次数：
150
网上关于这方面的文章有很多，重复的东西本文不再赘述，仅提供思路，并解释一些其他文章讲述模糊的地方。1、使用meta标签，这也是普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。首先解释该标签的含义：如果你完全不了...
分类：
移动开发 时间：
2015-06-29 19:55:48
阅读次数：
168
之前一直做的项目都是基于OC开发的，最近开始尝试使用Swift语言来重写整个项目。本篇文章主要是讲述如何使用Swift来实现常见的通用App安装引导界面。效果预览：实现思路：主要是采用了UIScrollView作为容器，将其ContentSize的宽度设置为（引导页数量）＊屏幕宽度，并将paging...
分类：
移动开发 时间：
2015-06-27 16:22:54
阅读次数：
242
原文: 网页宽度自动适应手机屏幕宽度的方法 在网页的中增加以上这句话，可以让网页的宽度自动适应手机屏幕的宽度。 其中： width=device-width ：表示宽度是设备屏幕的宽度 initial-scale=1.0：表示初始的缩放比例 minimum-scale=0.5：表示最小的缩放比例 m...
分类：
移动开发 时间：
2015-06-27 11:31:22
阅读次数：
119
响应式布局所谓“响应式网页设计(Responsive Web Design)”也就是自适应，就是可以自动识别屏幕宽度、并做出相应调整的网页设计。目前这种设计已经出现在越来越多的国内网站上，目前Google已经明确表明鼓励响应式网页设计。通常在浏览网页时，手机上和电脑上无法显示同一个网页，这也导致许多...
分类：
其他好文 时间：
2015-06-24 08:10:37
阅读次数：
174
随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达...
分类：
Web程序 时间：
2015-06-18 00:39:01
阅读次数：
145
