1

网页自定义移动浏览需要设置哪些样式设置需要给页面设置哪些设置输入框、按钮或选择项需要哪些设置?

我应该以百分比还是单位设置大小?

4

3 回答 3

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

于 2013-10-24T07:27:04.833 回答
0

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

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

于 2013-10-24T07:16:55.130 回答
0

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

还可以查看 CSS 媒体查询 ( @media )。

于 2013-10-24T07:21:50.830 回答