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

分类: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

 

 

打赏作者

您的支持将鼓励我们继续创作!

[微信] 扫描二维码打赏

[支付宝] 扫描二维码打赏

正在跳转到PayPal...
Tag:

日志信息 »

该日志于2018-05-17 10:44由 凹凸曼 发表在HTML5分类下, 你可以发表评论。除了可以将这个日志以保留源地址及作者的情况下引用到你的网站或博客,还可以通过RSS 2.0订阅这个日志的所有评论。

目前盖楼 (0)层:

发表评论 »

« »