想用jQuery mobile js 做网页的自适应大小宽度的改变,就是当网页宽度变小时页面还是显示的原来所有内容

这是手机版的,我现在就只想用它这个js实现web网页的这个效果,可以实现么?

设置宽度为100%,列表就可以适应屏幕。同时如果你的头像要保证是正方形,就要使用js计算并动态赋值宽度和高度。如使用jq语句$(id).css("width","150px");$(id).css("height","150px");就是一个正方形,当然,不一定是150px,具体的宽度也可以动态获取屏幕并计算。
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-10-31
自然可以实现,你可以看下jQuery Mobile中的css.
其实原来就是用百分比,而不是具体像素进行控制.追问

就只用着这个s文件,要怎么设置啊,给个思路呗,

追答

什么意思?只用原生js?
我是说css中设置具体的宽度为百分比.

本回答被网友采纳

想用jQuery mobile js 做网页的自适应大小宽度的改变,就是当网页宽度变...
设置宽度为100%,列表就可以适应屏幕。同时如果你的头像要保证是正方形,就要使用js计算并动态赋值宽度和高度。如使用jq语句$(id).css("width","150px");$(id).css("height","150px");就是一个正方形,当然,不一定是150px,具体的宽度也可以动态获取屏幕并计算。

怎么使用JQuery Mobile开发移动网站
在写移动端的网站的时候, 一定要写一个meta的name为viewport的属性, 因为该属性代表着网站页面的自适应。简单的写法为: 代表着网站为驱动设备的宽度。然后加入框架之后, 写一个简单的界面。 这里面JQueryMobile大量的使用了一个data-的属性, 这里使用最多的事data-role。 代表着他默认的样式规则。...

pc端和移动端屏幕自适应
1、最小尺寸分辨率1024 768(传统17寸显示器),则可以采用940px、960px、或者常用的980px作为最小宽度。 2、1024 768之后稍大的分辨率就是1280*768了,则可以采用1200px或者1220px作为稍大的网页宽度。 3、支持css3、html5的高级浏览器可以利用CSS3 Media Queries让网页在不同分辨率下自动调节...

如何用jQuery来创建一个基于移动设备的Web App
例如加入关键字会被大型搜索网站自动搜集,可以设定页面格式及刷新和让网页自动适应移动浏览器大小等。 内容主体 在BODY中,我通过ID#w创建了一个Wrapper Div。在其中我将页面布局分成了#pagebody和#navmenu两个部分。整个页面的宽度为640px,所以#pagebody和#navmenu的宽度可以精确地计算。 我给导航菜单赋了一个较低...

现在网络卡和路由器的网线自适应的原理是什么?
2、先写右边的部分,宽度百分百,margin-left你左边div的距离,再写左边的层float:left,这样应该可以。。 3、MS现在一般宽度自适应的都是后台吧,前台首页布局自适应,一些宽度啥的,以及一些东西总之不可控吧。。如果是后台的话,就用frame吧 5和web自适应的问题 你看看《JQueryMobile权威指南》一...

DW是什么的缩写?
Adobe Dreamweaver,简称“DW”,中文名称 "梦想编织者",最初为美国MACROMEDIA公司开发,2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设。Adobe Dreamweaver使用所见即...

相似回答