有什么后台UI框架可以支持PC端和移动端么

1\界面空间不同手机UI和网页UI最大的区别是空间的不同，手机就是那么大的一个地方，我们只能通过上下滑动来获取更多的信息，而相比于网页来讲，网页的空间就非常大了，你可以移动你的鼠标去你任何你想去的位置，而手机则不同，手机的空间就在一个狭小的范围内，这个时候如果我们想设计一个按钮的话，他一定要非常明显易见，不能让浏览者到处寻找，而这个按钮的位置通常在底部较合适，这样更适于人们用拇指来点击或者移动。

2\ 操作习惯不同 在网页中，我们可以利用鼠标点击、双击、右击等等各种操作，而在手机上我们只有点击一种或者是长按和滑动，很明显，我们需要按照浏览者在不同媒介的习惯来定位我们不同的UI设计，来更好的引导浏览者浏览网页、满足浏览者的需求。

3\精确度的不同 我们都知道在网页上鼠标的精确度是非常高的，即使再小的东西也能够通过点击或者鼠标拖拽来实现，而且精确率非常的高，但是在手机上就不同了，我们通常需要设计一个精致的按钮，点击的范围最好大一些，这样我们更能够保证按钮的精确度，因为我们不能保证很多人的手指较粗哦。同理我们还要把按钮放置的醒目一些，不能和背景融为一体，毕竟手机UI和网页UI是有很大不同的。

最好还要提醒的是，在手机UI设计中，地图往往有很大的作用，因为我们不可能在很狭小的范围内放置很多的内容，我们必须做好框架和结构，通过地图引导浏览者浏览欣赏。

我做的网页感觉在不同屏幕分辨率下显示效果不同，现在又什么好的办法解决这个问题没，能让网页自适应屏幕分辨率 并且布局保持不变 不管多大屏幕显示的是整个页面的放大或缩小之后的布局

回复讨论(解决方案)width：100%；

$(window)bind('resize load', function(){$("body")css("zoom", $(window)width() / 640);$("body")css("display" , "block");}); 试试呢~~

用link标签

可以试试。

又学习了，不过手机同时兼容大显示器分辨率还是不行吧。毕竟尺寸在哪里呢

用ui框架吧，或者去看看响应式设计方面的书 ui框架:bootcss

这个可以参考参考 http://wwwruanyifengcom/blog/2012/05/responsive_web_designhtml

$(window)bind('resize load', function(){$("body")css("zoom", $(window)width() / 640);$("body")css("display" , "block");});

非常感谢2楼啊 这段在做应用中嵌入网页，被嵌入的网页总被缩放，非常烦恼。 让安卓工程师加上此句后：webSettingssetSupportZoom(false); 仍旧还是被缩放。（ 加上这句 target-densitydpi=device-dpi 可强制显示真实分辨率大小） 页面所有字号大小，都按照某一宽度 比如设计图页面宽度640的，然后所有不同分辨率的手机，都按640px缩放。 再加上2楼的这段代码。就解决了大屏手机高分辨率下，字体过小的问题。而且切图时也不用考虑多种分辨率的不同css，统统按只支持640px的做就足矣！

刚开始写css的时候就应该注意到，不可以写死的宽高，要用百分比及最大最小值的设定

加上这句 width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放

推荐一个网站给你，我自己也是做移动端Web的。http://razorflowcom/这个是专门用于针对移动端开发的产品 还有个方法就是用basecss文件，不过用basecss文件的话不能做到在不同客户端下显示不同排版。

$(window)bind('resize load', function(){$("body")css("zoom", $(window)width() / 640);$("body")css("display" , "block");});

非常感谢2楼啊 这段在做应用中嵌入网页，被嵌入的网页总被缩放，非常烦恼。 让安卓工程师加上此句后：webSettingssetSupportZoom(false); 仍旧还是被缩放。（ 加上这句 target-densitydpi=device-dpi 可强制显示真实分辨率大小） 页面所有字号大小，都按照某一宽度 比如设计图页面宽度640的，然后所有不同分辨率的手机，都按640px缩放。 再加上2楼的这段代码。就解决了大屏手机高分辨率下，字体过小的问题。而且切图时也不用考虑多种分辨率的不同css，统统按只支持640px的做就足矣！

楼主，我最近也在做手机端开发，这两句话直接放在js和head里就可以用了吗，我的怎么没用啊

去看看jqm（jqueryMobile），或许能改变你的思路！

$(window)bind('resize load', function(){$("body")css("zoom", $(window)width() / 640);$("body")css("display" , "block");});

非常感谢2楼啊 这段在做应用中嵌入网页，被嵌入的网页总被缩放，非常烦恼。 让安卓工程师加上此句后：webSettingssetSupportZoom(false); 仍旧还是被缩放。（ 加上这句 target-densitydpi=device-dpi 可强制显示真实分辨率大小） 页面所有字号大小，都按照某一宽度 比如设计图页面宽度640的，然后所有不同分辨率的手机，都按640px缩放。 再加上2楼的这段代码。就解决了大屏手机高分辨率下，字体过小的问题。而且切图时也不用考虑多种分辨率的不同css，统统按只支持640px的做就足矣！

可是这种方法有个问题呢，火狐和Opera不支持zoom，其他手机浏览器对zoom支持度也待确定

$(window)bind('resize load', function(){$("body")css("zoom", $(window)width() / 640);$("body")css("display" , "block");}); 试试呢~~

非常感谢~~~

　　1、jQuery Mobile

　　jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。

　　2、jQTouch

　　jQTouch 是一个 jQuery 的插件，主要用于手机上的 Webkit 浏览器上实现一些包括动画、列表导航、默认应用样式等各种常见UI效果的 JavaScript 库。支持包括 iPhone、Android 等