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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了想用jQuery mobile js 做网页的自适应大小宽度的改变,就是当网页宽度变小时页面还是显示的原来所有内容相关的知识,希望对你有一定的参考价值。

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

设置宽度为100%,列表就可以适应屏幕。同时如果你的头像要保证是正方形,就要使用js计算并动态赋值宽度和高度。如使用jq语句$(id).css("width","150px");$(id).css("height","150px");就是一个正方形,当然,不一定是150px,具体的宽度也可以动态获取屏幕并计算。 参考技术A 自然可以实现,你可以看下jQuery Mobile中的css.
其实原来就是用百分比,而不是具体像素进行控制.追问

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

追答

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

以上是关于想用jQuery mobile js 做网页的自适应大小宽度的改变,就是当网页宽度变小时页面还是显示的原来所有内容的主要内容,如果未能解决你的问题,请参考以下文章

Bootstrap VS jQuery Mobile 对比!

js中怎么使用showModalDialog,弹出一个自适应大小窗口????

为网页生成二维码(jquery.qrcode.min.js)

手机网页用Bootstrap还是jQuery Mobile

Jquery Mobile - $ .mobile.changepage没有加载外部.JS文件

jquery-mobile.js这个做手机页面,怎么只让他中间组件可以上下拉动,而头部和底部组件,不动,一直显示