对博客进行了响应布局改进

分类:HTML5 | 作者:凹凸曼 | 发表于2018/05/17 对博客进行了响应布局改进已关闭评论

现在用手机越来越多,是时候对个人博客进行改进 ,并保持原样。

手机版响应布局主要用到css3 @media  原理大概了解,就开工弄就行了,主要用到chrom css调试器进行改进

/*统一设置 小于813px切换*/

@media screen and (max-width:813px) {

}

公共页头加入:<meta name=”viewport” content=”width=device-width, initial-scale=1.0, user-scalable=no” />

一般手机分横屏,竖屏我们都应该考虑。我为了简单点 木有分那么细。

分别对应CSS 进行修改,放到全局尾部。

直接用手机访问此网站就可以观看效果。

本文出自 “凹凸曼” 博客,请务必保留此出处 http://www.apoyl.com/?p=2271

 

 

Tag:

日志信息 »

该日志于2018-05-17 10:44由 凹凸曼 发表在HTML5分类下, 评论已关闭。

目前盖楼

抱歉,评论被关闭

« »