html5将div中的文字变大，文字为什么会下移？截图代码如下要怎么改

对span设置一个display：block；就行了，还有就是要设置margin：0；padding：0；

或者直接把span换成块标签

还有就是给25套个标签，然后宽度设置100%也行

1、首先来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />

<meta content="yes" name="apple-mobile-web-app-capable" />

<meta content="black" name="apple-mobile-web-app-status-bar-style" />

<meta content="telephone=no" name="format-detection" />

第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；

第二个meta标签是iphone设备中的safari私有meta标签，表示：允许全屏模式浏览；

第三个meta标签也是iphone的私有标签，其指定的iphone中safari顶端的状态条的样式；

第四个meta标签表示：告诉设备忽略将页面中的数字识别为电话号码

2、HTML5标签的使用

在开始编写webapp时，前端工程师可以使用HTML5，而放弃HTML4，因为HTML5可以实现一些HTML4中无法实现的丰富的WEB应用程序的体验，可以减少开发者很多的工作量，决定使用HTML5前，一定要对此非常熟悉，要知道HTML5的新标签的作用。比如定义一块内容或文章区域可使用section标签，定义导航条或选项卡可以直接使用nav标签等等。

3、放弃CSS float属性

在项目开发过程中可以会遇到内容排列排列显示的布局，假如遇见这样的视觉稿，可以放弃float，直接使用display:inline-block

4、利用CSS3边框背景属性

css让字体下沉的方法：首先创建一个HTML示例文件；然后使用伪元素“::first-letter”选中一段文本的首字；接着使用“font-size”属性设置首字大小；最后通过float属性实现下沉效果即可。

---