html - 流体布局示例

标签 html css fluid-layout

<分区>


要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describe the problem以及迄今为止为解决该问题所做的工作。

关闭 9 年前

您能举例说明一些具有流畅布局的网站或教程吗?

更重要的是,我正在寻找流畅且易于扩展的 UI 设计 桌面和移动/平板电脑浏览器 (例如 iPad)

还有设计适用于桌面/移动/平板电脑浏览器的 UI 布局的任何其他最佳实践。

当我说到移动设备时,我主要指的是屏幕尺寸至少为 7 英寸的平板电脑

请尽可能多地列举例子。

最佳答案

最好的起点可能是 A List Apart 的 article on responsive design .这应该向您展示基本原则,以便您可以开始构建一些东西。

final example site无论屏幕尺寸如何,都应该看起来不错。

关于html - 流体布局示例,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6923976/

上一篇:css - 如何阻止我的 <table> 与其父级 <div> 的圆 Angular 重叠?

下一篇:css - 如何让 XAMPP 使用我的 Wordpress 主题文件夹中的路径?

相关文章:

javascript - 修复自动填充与字段标签重叠的问题

css - 如何在单页响应中在 bootstrap 3 中设置 2 个导航栏

css - 如何使 ul 列表的宽度与输入元素的大小相同?

jquery - 如何阻止导航选项卡在移动 View 中打开导航栏?

javascript - tinyMCE 中表格上方的额外空间

html - 使用 Bootstrap 从左到右定位图像

javascript - 价格范围 slider 的定位

iphone - 灵活或流畅的 CSS 布局

css - 流体设计最大宽度在中断时更改为 100%(HTML 电子邮件)

javascript - 由于 (true/false) 变量,CSS 文本颜色发生变化