随记

原创 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>


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

Java.util随记.doc

  • 2008-08-07 16:36
  • 86KB
  • 下载

随记8——AndroidAS多渠道打包

多渠道打包,顾名思义,就是打多个渠道的apk包。而多渠道打包也有很多种方法,下面我就说一下我写的其中的一种,我感觉挺好用的。

oracle安装随记.doc

  • 2011-11-17 11:40
  • 954KB
  • 下载

linux net 管理随记

  • 2012-09-12 01:10
  • 1.84MB
  • 下载

gitHub托管随记

GitHub 是一个面向开源及私有软件项目的托管平台,因为只支持 Git 作为唯一的版本库格式进行托管,故名 GitHub。 这里只是进行代码的提交和托管,在这之前需要申请一个GitHub账号。和生...

Python随记

  • 2015-11-10 23:06
  • 31KB
  • 下载

c#公司开发时随记

  • 2008-06-26 08:49
  • 156KB
  • 下载

随记1.0

2013年9月8号,         我踏进了我人生的又一个转折点,带着喜悦,忐忑不安,错综复杂的心情,开始了我的大学生活。 来到一个陌生的城市,没有想象的那么美好,以前很想一个人去流浪,以为没有...

git随记 git

  • 2014-10-14 11:37
  • 114KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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