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

html-css018

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

一般缩小是说的宽度,毕竟用户的浏览器和分辨率大小不一样。

最外层一个div然后再套一个div,然后里面放正文。

外层div的css设置width并用%表示,然后设置text-align居中(兼容ie),内层div的css设置margin为"0 auto"(一体的,无引号)并设置文字对齐text-align为left。

其实说了这么多还不如放代码,可是手机打,估计打出来格式也不太好看。你可以网上搜一下,一堆一堆的css方案。

如果你是说整体的,又包括里面的文字,那你好好设计一下%吧,估计很容易碎而且不常用。我没试过。

想要网页宽度自适应,需要把网页元素宽度设置为百分比,还要在网页头部加上代码:<metaname="viewport"content="width=device-width,initial-scale=1.0"/>。

图片自适应,且不超过原始大小,需要设置最大宽度,代码如下:img{ width:100% max-width:100%}。

改进功能

浏览器首次使用时,根据用户显示分辨率大小决定是否默认显示收藏栏;

打开多个标签关闭浏览器时,提示用户确认;

搜索栏关键词提示;

搜索栏支持多个搜索引擎;5.内核窗口resize速度