首先介绍一下概念 devicePixelRatio其实指的是window.devicePixelRatio window.devicePixelRatio是设备上物理像素和设备独立像素(device-independent pixels (dips))的比例。 公式表示就是：window.devic ...
分类：
其他好文 时间：
2017-07-01 22:45:20
阅读次数：
263
document.write("屏幕分辨率为："+screen.width+"*"+screen.height+"<br />"+"屏幕可用大小："+screen.availWidth+"*"+screen.availHeight+"<br />"+"网页可见区域宽："+document.body. ...
分类：
Web程序 时间：
2017-06-26 17:16:44
阅读次数：
299
作者： 阮一峰 日期： 2017年5月 9日 今年三月，微软宣布 Edge 浏览器将支持 CSS 变量。 这个重要的 CSS 新功能，所有主要浏览器已经都支持了。本文全面介绍如何使用它，你会发现原生 CSS 从此变得异常强大。 一、变量的声明 声明变量的时候，变量名前面要加两根连词线（--）。 bo ...
分类：
Web程序 时间：
2017-06-20 12:23:51
阅读次数：
187
用来初始化表的大小： 表的大小随着页面的宽度变化： 用来初始化图： 图的大小随着屏幕宽度改变： ...
分类：
其他好文 时间：
2017-06-16 12:48:48
阅读次数：
118
BFC是块级格式化范围。是独立的元素，不会影响其它的元素。 在HTML5中的语义化标签(块级元素)。 display:table本身不产生BFC. display:table-cell的框产生BFC. 响应式界面: width=device-width. 等于屏幕宽度，原始缩放比例:(initial ...
分类：
其他好文 时间：
2017-06-12 14:49:13
阅读次数：
210
滚动视图 <ScrollView android: layout_width="fill_parent" android: layout_height="fill_parent"> </ScrollView> 滚动试图指的是提供一个专门的容器，可以装下多于屏幕宽度的组件，而后采用拖拽的方式 显示所有 ...
分类：
移动开发 时间：
2017-06-07 18:52:52
阅读次数：
270
1.获取手机屏幕宽高： 22.根据屏幕宽度为控件设置动态设置宽高： 注意示例： 我们需要获取Android手机或Pad的屏幕的物理尺寸，以便于界面的设计或是其他功能的实现。下面就介绍讲一讲如何获取屏幕的物理尺寸 下面的代码即可获取屏幕的尺寸。 在一个Activity的onCreate方法中，写入如下 ...
分类：
移动开发 时间：
2017-05-31 12:09:55
阅读次数：
263
记录了2017年5月下旬刚毕业时面试的经典面试题 布局方面 1. 响应式布局，左侧栏目固定，右侧内容随着屏幕宽度变化而变化（高频） flex布局 position布局 css3计算宽度 float布局 flex布局 右侧div设置flex：1 自动填充满容器。 position布局 用pading将 ...
分类：
Web程序 时间：
2017-05-29 19:55:11
阅读次数：
190
html 手机web超出屏幕宽度的内容不换行，并产生横向滚动条 white-space: nowrap;overflow-x: scroll; white-space: nowrap;overflow-x: scroll; ...
分类：
移动开发 时间：
2017-05-17 13:54:19
阅读次数：
223
首先呢，我们将iPhone手机的相关数据表示如下 我们要理解很多东西，比如逻辑分辨率、物理分辨率、缩放因子、ppi等，这里先不讨论。 首先呢，我们先介绍下各个屏幕宽度： 网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHe ...
分类：
Web程序 时间：
2017-05-12 15:38:20
阅读次数：
200
