如何使网站设计更加灵活 [英] how to make the web site design more flexible

问题描述

Q：

我想询问有关任何网络应用程序设计的以下问题。

I wanna to ask the following question about the design of any web application.

当最大化，最小化，缩放浏览器，我注意到许多问题发生在我的网络应用程序设计，例如水平菜单像一个存在于SO网站，当最小化窗口项目的菜单在我的网站下降另一个。 。和其他东西使网站吸吮和分心的设计..如何使设计更灵活随着显示器大小的变化，浏览器的偏好，最大化和最小化浏览器，如何使网站设计更灵活关于所有这些问题。

when maximizing ,, minimizing , zooming the browser ,, i note many problems happen to my web application design for example the horizontal menu like the one exists in SO site when minimizing the window the items of the menu in my website go down the other .. and other things make the site sucks and distracts the design .. how to make the design more flexible with the changes in monitor size , the preferences of the browser , maximizing ,and minimizing the browser ,, how to make the site design more flexiable about all those issues .

请任何指示，建议我应该注意减少这些错误。

please any instructions , advices should i take care to reduce these errors.

推荐答案

• 对页面和元素的尺寸（而不是像素）使用基于百分比的宽度。


• 使用em作为字体大小，或pt


• 不要使用图片进行导航，也不要使用滑动门方法展开图片 - http://www.alistapart.com/articles/slidingdoors/


• 阅读液体布局 - http://www.maxdesign.com.au/articles/liquid/ http://www.alistapart.com/articles/negativemargins/


• Use percentage based widths for dimensions of your page and elements rather than pixels
• Use em for your font sizes rather than px or pt
• Try not to use images for navigation or if you do, make them expandable using the sliding doors method - http://www.alistapart.com/articles/slidingdoors/
• Read up on liquid layouts - http://www.maxdesign.com.au/articles/liquid/ http://www.alistapart.com/articles/negativemargins/

这篇关于如何使网站设计更加灵活的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！