html缩小两倍

html缩小两倍,第1张

html缩小两倍意思是将一个单位的CSS的pixels变成了4倍的设备的pixels那么大,即宽度乘以2、高度乘以面积扩大了2乘以2。现代浏览器上的缩放,是基于伸展pixels。结果是,html元素上的宽度并没缩放200%而由128pix变成256px,真实的pixels的被计算成了双倍,html元素在形式上依然是128CSS的pixels,即便占用了256设备的pixels。

你可以使用CSS zoom属性

例如:

body {

zoom: 3

-moz-transform: scale(3)

-moz-transform-origin: 0 0

}

把整个body放大三倍,缩小同理,改成比1小的数字即可

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

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

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

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

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8338091.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存