SEO推广代运营

首页 > SEO推广代运营 > 正文内容

博客在iPhone中的显示

襄助网络3天前SEO推广代运营408

预计在未来一两年内,移动终端上网用户将超过PC互联网。这话不是我说的,而是出自新浪 CEO 曹国伟之口。当然,我也很认同他的观点,在无聊的上下班路上在领导开会高谈阔论时甚至是坐在马桶上便便的时候,移动终端设备都已经成为了替换电脑随时随地可以连接上互联网的最好工具。而如今最火最潮的移动终端设置无异于苹果系列的 iPhoneiTouch 以及 iPad,也就是说,如果你的网站可以在以上这些移动终端设备上能够提供更好的用户体验,也就有可能赢得更多的市场。

本文将以 iPhone 为例,介绍一下如何在众多移动终端设备上个性化设置你的 WordPress 博客。有 iPhone 的童鞋不妨先用 iPhone 上的浏览器 safari 来浏览一下本站,看一下和电脑上的浏览器看到的有何不同

哈,没错,如图所示,左右两图分别是本站首页优化前和优化后的比较。在优化之前iPhone 上浏览本站基本上和在电脑上看到的一样,而在优化之后 iPhone 上浏览本站则可以看到一个单栏的页面。相对电脑显示器来说,手机显示屏很小,要在有限的显示范围内展现给用户最重点最需要的内容才是王道,所以我把侧边栏轮播图广告顶部工具条评论部分等那些个花里胡哨的东西给隐藏了,这是如何做到的呢

博客在iPhone中的显示

其实很简单,因为我们知道 iPhone 显示屏的分辨率统一是 480px,那就只需要为这一宽度的设备单独定义样式就可以了,就和普通的 CSS 引入方法类似,方法有两种:

1为 iPhone 单独引入一个新的 CSS 文件(我就是这么干的)

/iphone.css" />

把这个放在 header.php 头部的 style.css 引入文件之后就可以。

2直接在 style.css 中修改,把对 iphone 下的样式定义写在 style.css 中的最后即可。

@media only screen and (max-device-width:480px) {

.forIphone{

/* style for iPhone */

}

}

@media only screen and (max-device-width:480px) 这种是 CSS3 的写法,所以你妄想在 iPhone 下用其他什么扣扣浏览器UCWEB 等货去尝试,此方法只对 safari 等标准浏览器有效。

此方法只是一个抛砖,还有更多神奇的玩法等你去开发,比如说如何优化 WordPress 在 iPad 上的显示当然,这个方面不只是应用在 WordPress 上,所有支持 CSS3 浏览器的用户和网站都能实现这一功能,try try 吧~

相关文章

做SEO般都要学会运用哪些工具

做SEO般都要学会运用哪些工具

  不会用工具的SEOer都并不是好SEOer, 一个合格的SEO优化人员必须要学会灵活的使用SEO优化工具,借助这些工具了解网站的整体情况,对SEO优化工作的帮助很大,下面我们来说说做SEO一般都要...

企业网站的seo是怎么排名上去的

企业网站的seo是怎么排名上去的

  随着互联网的普及,越来越多的站长开始通过seo优化网站来销售自己的产品,这个思路是好的,但是企业网站seo优化排名究竟是如何做的呢?今天我们来分析分析。  (1)用户需求  在做网站优化时,都会提...

前端开发页面优化方法

前端开发页面优化方法

在现代互联网时代,前端开发已经成为了许多企业和个人网站的重要组成部分。随着移动互联网的迅猛发展,单页面应用(SPA)逐渐成为了前端开发的主流趋势。SPA的优化对于搜索引擎优化(SEO)来说是一个巨大的...

百度问道如何推广

百度问道如何推广

问道推广员怎么弄问道推广员给什么好处 正规问道推广员 zhyi2014在注册问道账号(即光宇通行证)时,在“推广人:”一栏填写正规问道推广员 激活后,将获得官方赠送的七个天龙散(双倍经验药)。推广人就...

如何关掉百度的推广广告

如何关掉百度的推广广告

为什么我家的桌面老是会弹出一个百度推广的广告来,怎么关掉 如果结束某个进程后广告消失,那么这个进程可能就是广告的源头。 使用专门的工具软件:有一些工具软件可以帮助用户查找并阻止弹窗广告,例如Windo...

SEO搜索引擎优化软件

SEO搜索引擎优化软件

SEO搜索引擎优化是一项重要的网络推广技术,它能够帮助企业提升网站的排名并吸引更多的目标用户。随着市场的竞争日益激烈,一些不法分子利用SEO搜索引擎优化来进行非法推广,甚至给用户带来骚扰和垃圾信息。为...

现在,非常期待与您的又一次邂逅

我们努力让每一次邂逅总能超越期待