Bootstrap制作手机站的注意事项（一）

Bootstrap是强大的前端框架，让受苦受难、在各种浏览器兼容性的前端设计师们看到了曙光。但深入研究发现，Bootstrap的审美观更适合西方设计。

Bootstrap可以制作统一的网页，同时兼容PC、平板和手机，但是问题来了，设计上你就得简约，就像现在流行的扁平化设计一样，尽量用纯色。这个在手机上大家能接受，但在PC端上，很多客户不会接受的，他们要漂亮、要质感、要大气、要艺术气息等等什么都有。

所以，PC、平板和手机共用一个站，在国情来说，比较难。个人觉得，还是PC和平板共用一个站，手机一个站。当然手机站也可以用于微信的微网站。

所有的站共用一个后台管理，但每个端对图片的要求会有区别，所以后台管理需要有区别，或者程序自动分成不同大小的图片。

顺便说一句：看过一些企业手机站，还在用大图来装饰，你得让在3G下用手机访问你们网站的多么的恨你！恨你！恨你！

时间： 2024-10-06 14:48:06

Bootstrap制作手机站的注意事项（一）的相关文章

制作手机网站（帝国CMS篇）

1.操作前,我们需要先对网站数据库进行备份. 接下来我们添加手机站的模板组.点击“模板”, 选择“模板组管理”中的“导入/导出模板组”,然后选择默认的模板组,然后导出,将导出文件先保存下来.然后将模板组名称更改为“电脑访问模板组”.再从右边的“导入模板组”上传刚刚导出的文件:这时会出现两个模板组.然后我们可以对默认的模板组更名为“手机访问模板组”. 接下来,对网站的d目录进行备份,因为这个文件夹内一般会保存文章页的图片. 在网站根目录中新建一个目录,作为手机站的存放地.然后设置域名解析,比如m.

微信的分享功能（针对web手机站页面进行的分享功能）

把这段js粘贴进,设置可以分享的页面,当微信打开,即可微信进行分享各个圈 $(function(){ var lujing=$("#logimg").attr("src");  //分享中带有的图片 var url=window.location.href;         //分享页的地址 var title=document.title;             //分享内容的标题 weixin("http://m.e-iot.com/images/b

学习制作手机网站1

学习制作手机网页 流式布局: 盒子的padding 和margin width都要使使用 百分比来定义 百分比 如果一个盒子没有父元素,那么它的宽度默认就是相对于浏览器的宽度 1 <html lang="en"> 2 <head> 3 <meta charset="UTF-8"> 4 <title>Document</title> 5 <style> 6 .box{ 7 /*相对于浏览器的宽度*

学习制作手机页面2

学习制作手机页面2. 先介绍一个css3的属性.box-sizing 这个属性 就是把盒模型的border 和padding 都计算在内 未使用box-sizing的代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>box-sizing</title> 6 7 <style&

嗨分享-前端技术-帝国CMS手机站修改列表分页(sysShowListMorePage)

http://bbs.phome.net/showthread-31-318753-0.html 如果你的网站使用的是帝国CMS.PC站和手机站各使用一个模板组,但共同使用一个数据库.那么你的PC站和手机站,列表分页样式是一样的吗? 今天<a href="http://www.thy6415.com">嗨分享-前端技术</a>将带你感受不一样的分页样式! PC站可以把分页按1.2.3.4...这样并排 列出来,但手机站是万万不可以这样做的,否则手机屏幕小,分页看

手机站建设HTML5触摸屏touch事件使用介绍

手机站建设HTML5触摸屏touch事件使用介绍技术 maybe yes 发表于2015-01-05 14:42 原文链接 : http://blog.lmlphp.com/archives/56  来自 : LMLPHP后院 市面上手机种类繁多,在触屏手机上运行的网页跟传统PC网页相比还是有很大差别的.由于设备的不同浏览器的事件的设计也不同.传统PC站的 click 和 onmouseover 等事件在一般触屏的手机上也可以使用,但是效果不够好.PC上还没有哪个事件是可以与触屏手机的触摸事件对

帝国CMS手机站修改列表分页(sys_ShowListMorePage)

如果你的网站使用的是帝国CMS.PC站和手机站各使用一个模板组,但共同使用一个数据库.那么你的PC站和手机站,列表分页样式是一样的吗? 今天嗨分享-前端技术将带你感受不一样的分页样式! PC站可以把分页按1.2.3.4...这样并排 列出来,但手机站是万万不可以这样做的,否则手机屏幕小,分页看着都好长,一点都不美观. 帝国CMS的PC站可以使用[!--show.listpage--]调用列表形式的列表分页函数(sys_ShowListMorePage). 一旦PC站使用[!--show.list

分享用二级域名来做站的注意事项

对于一个新站而言,从开始就想要获取搜索引擎的青睐,我认为通常都是不可能的事情,特别是对于一个刚刚上线没有任何权重可言的站点,并且还有一些站长用二级域名来做分站,然而搜索引擎却始终不给力,不收录,这无疑对很多站长造成了困扰,那么我们最基本的网站建设工作完成之后,对于推广在到运营又该以怎样的步奏来进行操作呢?如何在最短的时候离去解决搜索引擎对其收录的问题呢?今天笔者就针对此问题来与大家简单的分享一些经验. 步骤/方法 切勿只做单向链接 在笔者做站期间,经常的会看到一些二级站点买一些单向的链接,没有任

制作手机使用的网页图片查看器

这几天抽空在为项目开发一个量身的图片查看器,目前已初步完成需求 开发场景是:在一个多文件下载展示列表中,如检测某些文件为图片时,则点击该文件时打开图片查看器展示该图片,并将列表内其它图片同时展示查看器队列内,可供前后滑动查看及其它附带功能 乍一听功能点似乎有点多而且有些复杂,需要梳理一下 功能点整理 首先,我们要获得点击的图片文件对象及符合条件的图片文件对象集 其次,图片查看器的制作及图片队列展示 然后,图片友好加载方式 最后,图片查看器触摸滑动及滑动后相关功能的实现 简单整理了一下,好像也不多