随记

原创 2015年11月21日 12:55:46
<html>
	<head>
	</head>
	<body>
		<div class="clearfix" style="width:800px;height:568px;background:red;text-align:center">
			测试测试测试测试测试测试测试测试   800*558
		</div>
	</body>
</html>


效果如下:




可以看到这不是我们想要的结果,由于默认的布局viewport 980px ,visual viewport 320px,导致我们的页面会先在

布局viewport渲染,在缩放到visual viewport


在看下面的代码

<html>
	<head>
		<meta name="viewport" content="width=device-width"/>
	</head>
	<body>
		<div  style="width:320px;height:568px;background:red;text-align:center">
			测试测试测试测试测试测试测试测试   320*558
		</div>
	</body>
</html>


效果如下:


再看下面这种情况

<html>
	<head>
		<meta name="viewport" content="width=device-width"/>
	</head>
	<body>
		<div  style="width:800px;height:568px;background:red;text-align:center">
			测试测试测试测试测试测试测试测试   800*558
		</div>
	</body>
</html>



解决方式:不让度量viewport缩放

<html>
	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1.0"/>
	</head>
	<body>
		<div  style="width:800px;height:568px;background:red;text-align:center">
			测试测试测试测试测试测试测试测试   800*558
		</div>
	</body>
</html>


随记(ajax效果的增删改查)

  • 2014年10月16日 11:07
  • 512KB
  • 下载

Java.util随记.doc

  • 2008年08月07日 16:36
  • 86KB
  • 下载

caffe随记(八)---使用caffe训练FCN的pascalcontext-fcn32s模型(pascal-context数据集)

本篇讨论利用caffe进行FCN训练(采用的是pascal-context数据集) 1、下载FCN的框架 https://github.com/shelhamer/fcn.berkeleyvisio...

oracle安装随记.doc

  • 2011年11月17日 11:40
  • 954KB
  • 下载

linux net 管理随记

  • 2012年09月12日 01:10
  • 1.84MB
  • 下载

caffe随记(四) --- mnist示例超详细讲解

这个mnist手写体数字识别的例子可以说是caffe中的 Hello World。mnist最初用于支票上的手写数字识别,针对mnist识别的专门模型是Lenet,这是由Yan LeCun大神搞出来的...

Python随记

  • 2015年11月10日 23:06
  • 31KB
  • 下载

git随记 git

  • 2014年10月14日 11:37
  • 114KB
  • 下载

概率统计随记(显著性检验 置信区间等)

显著性检验(significance test)就是事先对总体(随机变量)的参数或总体分布形式做出一个假设,然后利用样本信息来判断这个假设(备则假设)是否合理,即判断总体的真实情况与原假设是否有显著性...

c#随记.docx

  • 2012年08月25日 17:10
  • 42KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:随记
举报原因:
原因补充:

(最多只允许输入30个字)