如何将该网站转换为移动网站或使其具有流动性? [英] how to convert this site to a mobile site or make it liquid?

问题描述

我想知道是否有一种方法可以将静态页面转换为手机页面.我的意思是通过移动页面将桌面内容拖动到较小的窗口尺寸(例如，智能手机尺寸:320像素).使内容遵循窗口的大小吗?我该如何更改CSS?我该如何进行数学运算?谢谢...我想必须有框架或工具才能做到这一点?

Im wondering if there is a way to convert static pages to mobiles pages. By mobile-pages I mean to make it possible to drag the desktop content to a smaller window-size (e.g smartphone size: 320px). Make the content to follow the size of the window? how Do I need to change the css? how do I need to make the math? thanks...I suppose there must be frameworks or tools to make this possible?

欢迎一些指导和思想.

检查我的这个静态示例

感谢您的宝贵时间！ 是/

thanks for yr time! Y/

推荐答案

@Yoni;您可以使用媒体查询在该媒体查询中定义CSS

@Yoni; you can use mediaqueries to define your css with in that media query

但在您的html页面中定义<meta name="viewport" content="width=device-width" />

but define <meta name="viewport" content="width=device-width" /> in your html page

还有其他链接 http://css-tricks.com/6206- resolution-specific-stylesheets/， http://webdesign.about.com/od/css3/a/css3-media-queries.htm

这篇关于如何将该网站转换为移动网站或使其具有流动性?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！