HTML+CSS做的网页,怎么让网站内容按比例自动缩小

2 02 2 年,我接手了一个网站重建项目。
客户要求网站适应不同的屏幕。
当时我不懂响应式布局,所以就按照常规思路,先打外断再放内断,正文在里面。
我将外部 div 的宽度设置为百分比,认为它适合不同的分辨率。
但我还记得当时挺迷茫的,毕竟以前都是固定宽度的。

然后我将 text-align 设置为居中,认为内容将出现在屏幕中间。
我使用自动边距:0作为内部间距。
这次内部分区水平居中。
但我很困惑。
为什么我感觉文字还是有点偏右,所以我把文字的对齐方式改成了左边。

这个方法,说实话,当时我觉得很简单,但现在想来,可能有点极端了。
这种方法虽然解决了调整宽度的问题,但是我无法精确控制内部隔断的收缩比例,有时显得相当困难。

后来查了资料,发现也可以调整百分比或者直接编辑CSS代码。
但要同时减少内容和文字的比例,就需要深入研究百分比的设计。
当时我没敢尝试,生怕弄乱了网站的布局。

但现在想来,我可能有偏见。
响应式演示不是一朝一夕就能实现的。
你应该尝试和探索更多。
如今,网上有很多不同的资源和解决方案,需要一些时间才能找到合适的。
当时我很困惑,但现在我明白了,这种负责任的提交还是需要一步一步来完成的,不能着急。

怎么制作csscss制作网页

使用 Jetstrap 快速创建 CSS。
选择 LayoutIt 作为 Bootstrap 可视化工具。

Bootswatchr 很容易更改主题。
Dreamweaver源代码 Chanel官方网站。
HTML 框使用表格。

使用浮动布局进行图像和文本的左右布局。

图片轮播的JS实现。

简单的 HTML 表格加 CSS。