做网页手机端
我是做网页设计的,UC浏览器手机版是不是不支持很多css样式呢
不支持font-family属性,也就是说,在UC浏览器你只能看到一种字体; 不支持font-szie属性,也就是说,在UC浏览器你只能看到一样大小的字体; 不支持width、height、padding、margin、line-height属性,也就是说,在UC浏览器只能通过p、br等HTML标签来换行以达到字符上下间隔; 不支持固定像素的宽度,100%显示页面,也就是说,在UC浏览器始终将看到的是“满屏的”; 不支持浮动、层叠布局,float和position属性无效,也就是说,在UC浏览器你只能看到“左对齐”。 支持background-color,但不支持background-image,也就是说不支持CSS背景图显示,在UC浏览器你只能看到背景色。不支持padding margin border line-height strong ul li float但是,看百度:2015年7月,UC浏览器发布新版10.6版本,开创第三代浏览器新纪元。UC浏览器拥有独创的U3内核和云端架构,完美地支持HTML5应用。如今的UC比起以前好很多,已经可以不用担心不支持的问题了。
手机网页 如何做一个效果 就是网页加载中的时候显示转圈 加载好了 跳转到加载好的页面
你说的这种加载方式一般是ajax的,在加载完成前会出现“加载中”等的提示,加载完成后原框架被ajax内容覆盖,提示也就消失了。因为ajax是异步加载的,为了用户体验,才有提示的,普通的链接跳转用不着
加载中 和 加载完成 通过什么判断啊?
程序自动判断咯,加载完成就自动覆盖所在的框架。
用dw做的普通网页和wap网页,要怎么做才能让pc浏览器和手机浏览器自动识别并跳转呢?
手机版网站(或者叫wap网站),是指用WML编写的专门用于手机浏览的网站,通常以文字信息和简单的图片信息为主。 如今:网络流量,移动流量呈上升趋势,很多领域,移动流量已经超过pc端流量。 而由于移动设备和电脑设备分辨率不同,电脑端网页和wap网页要分别制作。 如何让流览器自动识别,pc端用户,手机段用户,而自动加载相应的页面呢: 用dw打开你的主页页面, 在<head></head>之间加上如下代码: <script type="text/javascript"> function browserRedirect() { var sUserAgent= navigator.userAgent.toLowerCase(); var bIsIpad= sUserAgent.match(/ipad/i) == "ipad"; var bIsIphoneOs= sUserAgent.match(/iphone os/i) == "iphone os"; var bIsMidp= sUserAgent.match(/midp/i) == "midp"; var bIsUc7= sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; var bIsUc= sUserAgent.match(/ucweb/i) == "ucweb"; var bIsAndroid= sUserAgent.match(/android/i) == "android"; var bIsCE= sUserAgent.match(/windows ce/i) == "windows ce"; var bIsWM= sUserAgent.match(/windows mobile/i) == "windows mobile"; if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { window.location.href= '手机网站地址'; } else { window.location= '电脑网站地址'; } } browserRedirect(); </script> 保存,通过ftp软件上传至网页空间相应位置。
Java 如何开发手机web页面?
web的技术和java本身关系不大。java是后台技术主要是服务于后台和服务层的。PC的web和手机的web一般是页面相关的。目前主要用的有html5、css3、js等技术。web和java一般通过ajax来做交互的
怎么制作网站的手机版
做手机网站的方法一下几种1、模板站,下载手机网站模板,然后将内容和PC站点通用,这样移动设备访问网站时就会自动转入到手机站的模板。你也可以解析一个m开头的域名作为手机站的域名,有利于搜索引擎抓取。2、自适应网站,这种网站不需要另做手机站,因为网站的自适应,会根据你使用的设备分辨率来调整网页的排版和内容显示。3、H5快速建站,现在有很多服务商支持H5快速建立手机网站,只需要你把内容上传,这些服务商就会将这个网站做出来,比较方便快捷,缺点就是免费的都有广告,而且不支持使用自己网站的域名。4、用代码写出来的手机站,这种网站就是属于静态网站,所有的内容都是通过代码写进去的,想要更改内容比较麻烦。优点就是一步到位,想要什么效果都能达到。5、手机直达页,这种可以说是一个网站,也可以说是一个网页,这种手机站比较适合推广使用,将所有企业的推送产品放在这个页面上,然后完美的展示出来,用户点击之后可以进入购买页面或者直接进入咨询页面,可以更有效的提高转化效果。
有谁知道手机网页设计尺寸。
iPhone手机网页的设计尺寸iPhone5尺寸是640x1136px分辨率是326PPI iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI安卓网页的设计尺寸320dp:一个普通的手机屏幕(240X320,320×480,480X800)480dp:一个中间平板电脑像(480×800)600dp:7寸平板电脑(600×1024)720dp:10寸平板电脑(720×1280,800×1280)ipad网页的设计尺寸iPad第三代第四代尺寸是2048x1536px分辨率是264PPI iPad第一代第二代尺寸是1024x768px分辨率是132PPI iPad Mini尺寸是1024x768px分辨率是163PPI以上是移动端的尺寸,单独的如果某一个移动的网站的尺寸是没有的,因为移动网站的一半情况是按照%比的尺寸 来自动适应屏幕的大小,或者也通过设置,iphone执行什么尺寸,安卓情况执行什么尺寸的。
dreamweaver能制作手机网页吗,就是制作wap网页
dreamweaver能够制作手机网页的。其实和pc端的网页差不多,只是不支持js代码。然后网页大小控制在400px左右。太大了不能完全展现。也可以设置为100%,按比例来做。这样能手机整屏显示 。1<meta name="viewport"content="width=device-width, initial-scale=1"/>添加一下这个代码吧,表示你的网页不能放大,只能按1:1显示 不会因为放大显示而,导致你的网页错位注意字体大小要稍微大一点。多用色块来展现。这个是一个案例,只是一部分截图。你可以多参考别人的设计
已经做好的pc版网页,如何转成手机端的?
可以使用手机最高分辨率,设备默认分辨率,或者自己指定210dpi等等参数。其次就是布局的响应式问题,这就是你基本技术的一次改变,可能会复杂一些了。这需要慢慢修改。例如如果将虚拟网页页面布局划分为5列,当实际屏幕的像素数在500以下时你可能每行只显示3列,然后另外两列则变成了插入的第二行了。或者图片都应该有一些通用的自动适应外边容器的宽度和高度的css。或者不同分辨率下的不同业务部分(用class区分)字体的字体的自动变大。这样才能保证(上述列宽自动调整之类的)自动排版下的页面显示的内容比较清晰易读、留白比较合理。这个层次需要进行统一的设计。
手机html网页和电脑上的html网页在制作上有什么区别
在工具上,手机版网页和电脑版网页没有什么区别,可以根据自己的喜好。我是喜欢用Dreamweaver的,而且Dreamweaver cs6有个多屏预览的功能,可以很方便的预览手机、平板、PC端的效果。不过Dreamweaver 挺大的,还有很多比较快比较好的编辑器,比如EditPlus,这还是看个人的习惯和喜好了。推荐一个编辑器sublime text,我自己觉得超好用。在代码方面的话:首先得加上这样的一行。设置宽度、高度、是否能够缩放。<meta name="viewport" content="width=device-width,inital-scale=1.0,minimum-scale=0.5,maximum-scale=2.0,user-scalable=no">然后,主要是要考虑适配。比较好的是做到自适应。这个可以搜一下,我记得月光博客里面就有篇很详细的。其次,可以用@media only screen and(min-device-width : 320px) and(max-device-width : 480px){ }来对不同像素的屏幕写不同的样式。可以看下知乎的登录页面,用的就是@media。再然后要考虑的是用户体验。简单的拿个链接来说,在PC端因为有鼠标,很容易点到。可是手机端就不一样,就几个字的链接很难点到,所以就要扩大点的面积。这就是为什么会出现电脑版的网页和手机版网页。其实做手机版的网页有个好处就是可以大量的使用HTML5和CSS3,这样能做出很多效果。对于这些的话,看附件里面的学习方法有帮助的很抱歉,回答者上传的附件已失效