如何将css设置为移动网站

时间:2013-10-24 07:05:58

标签: css mobile

我需要为网页自定义移动浏览设置哪些样式设置 我需要为页面提供什么设置 我需要设置输入框,按钮或选择项目的设置是什么?

我应该以百分比还是单位面来设置尺寸?

3 个答案:

答案 0 :(得分:2)

对于移动网络,几乎无法理解。

1)使用viewport设置设备上的网站大小,例如

<meta name="viewport" content="width=device-width" />

将根据设备的大小设置网站的大小。

2)使页面简短,甜美,内容不太有效。

3)使用媒体查询来调整内容。

4)你的设计应该是敏感的。使用百分比和em值而不是固定的像素值。

以下是一些链接以获取更多信息。

http://designshack.net/articles/css/quick-tips-for-creating-a-mobile-optimized-site/

http://designshack.net/articles/css/quick-tips-for-creating-a-mobile-optimized-site/

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

答案 1 :(得分:0)

如果您询问响应流程,则需要百分比。然而,它更复杂。 也许在这里开始阅读 http://jquerymobile.com/demos/1.3.0-beta.1/docs/demos/grids/rwd-basics.html

不推jquery mobile,但这是一个很好的起点。

答案 2 :(得分:0)

您的问题不明确,但根据您所写的内容,我认为您正在寻找响应式网站。您可以查看http://getbootstrap.com/。响应式网页设计允许从移动设备和其他设备正确查看网站。

另请参阅CSS媒体查询( @media )。