巅云智能建站平台搭建版(创业门户版)火爆上线,终身授权!新增:文章智能采集+全站真静态打包+城市分站+智能小程序+非法词过滤+H5自适应+智能链词等功能功能详情
建站专提News

设计手机版网页,不是等比例缩小就好 - 网站建设知识分享_巅云建站 -

一佰互联网站开发设计(www.yinxi.net) 发布日期 2019-12-24 08:38:05 浏览数: 48

现在流行用手机上网,但是有些网站会无法正常显示,因为这些网页是设计给电脑上观看,如果网页开发者没有考虑到手机的装置特性以及人们的阅读习惯,就无法设计出手机上方便阅读的网页。说的简单,但是要把既有网页砍掉重练、再移植到手机上是一门大工程, 笔者归类四大方向给网页开发人员参考。

  一、与电脑共用同一套网页

  这里的与电脑共用网页,指的是电脑用的网页完全不经修改、就直接给手机浏览。前提是网站本身的元素要够简单、版面不能太复杂。

  二、制作手机专用网页

  这个做法在90年代非常盛行,当时电信业者的GPRS/WAP广告打得正火热,手机能浏览的网站都是WAP网站,也就是用WML编写的手机网,WML是很简陋的HTML,内容通常只有文字跟选单。

  ▲用这个方法的好处是,WAP可以在所有的手机上正常显示,不过要同时维护手机版和桌面版的网页会很困难,使得资讯常常无法同步。

  三、用浏览器来判断设备

  Opera有桌面版和手机版,同样的Chrome、Safari、Firefox也是。有的网站会使用浏览器嗅探机制(browsersniffing)来判断你是用哪一种、什么装置的浏览器,不过browsersniffing的设定很繁琐,而且经常出差错。最快的方法是在网页上加入各种版本的连结,让浏览者可以自由选择格式。

 四、开发响应式网站

  响应式网站就是能同时给桌面和手机使用的网站,它跟刚谈到的「与电脑共用」并不一样,响应式网站虽然内容相同,但是它会根据萤幕大小来呈现版面。要做复杂合型网站其实并不难,只要用CSS与HTML标签来调整就行,比如HTML的viewport以及CSS的media queries。

  何谓viewport

  Viewport指的是「画面视图」,它是一堆数值的组合,白话一点的解释就是你可以在画面上看到的范围,可以分成显示画面视图(display viewport)以及实际画面视图(actual viewport)二种。对于电脑浏览器来说,viewport比较不重要,因为显示画面视图跟实际画面视图是一样的。

  何谓media queries

  Media queries是CSS3的新功能,它整合了media type和max min-width/max min-height media type这两个属性,可以在不同的装置下显示不同的CSS版面。比如给screen的版面是一般的显示画面,给print的就是印表机的输出格式。



高端网站建设 高端网页设计 网站制作(www.yinxi.net)




代表案例:叶轮给煤机www.hcgeimeiji.cn 中国财经网 万州律师www.wanzhoulvshi.cn
一佰互联是全国知名建站品牌服务商,我们有九年网站建设、网站制作、网页设计、php开发和域名注册及虚拟主机服务经验,提供的自助建站服务更是全国有名。近年来还整合团队优势自主开发了可视化多用户”巅云建站系统“3.0平台版,拖拽排版网站制作设计,轻松实现pc站、手机微网站、小程序、APP一体化全网营销网站建设 ,已成功的为全国上百家网络公司提供自助建站平台搭建服务。

相关新闻more

12
03月
有了域名怎么建网站?自己电脑可以做主机吗?

已经注册了域名,建网站可以用自己的电脑做主机吗?那还用买空间吗?可以,但是很麻烦,而且网站一旦上线便需要电脑全天运行。一般电脑估计几个人访问... >>详情

20
04月
HTML5不支持frameset的两种解决方

解决方法如下:第一种使用iframe,但是目前使用iframe的人已经越来越少了,而且iframe在不同浏览器之间还有不兼容的情况。而且我一... >>详情

05
11月
为什么所制作的网站尽量都要去备案

备案是制作网站工作当中的一环,一般站备案要15个工作日左右的时间,所以一些企业就会觉得时间长,能不能不做备案。那为什么所制作的网站尽量都要去... >>详情

04
04月
如何理解MySQL中的数据类型概念

简介:一、数据是什么?数据是一个信息集合,以某种数据类型保存在数据库里。数据包括姓名、数字、货币、文本、图像、小数、计算、统计等,几乎涵盖能... >>详情

高端网站建设

美工兼顾SEO,为企业电子商务营销助力!

电话:

023-85725751
建站

产品

域名注册 虚拟主机 云服务器 企业邮局
智能建站 APP打包 微站/小程序 创业平台
网站推广 媒体营销 智能采集 AI机器人
400电话 短信营销 店销机器人
私人定制 门户网站