2014-09-30 122 views
1

我有一个网站,我做了(没有bootstrap或任何或那些东西,我有一个问题,试图缩小一切屏幕分辨率较小的人的一切。基本上我会希望它检测大小,并将适当的CSS类应用到元素,以便在特定宽度下缩放所有元素。现在,我只是试图构建CSS类,并且遇到了一些困难。 “已经得到了已关闭使用缩小的所有内容:试图调整整个页面的大小(IE缩小一切)

transform: scale(.75); 

这一工程对调整的实际内容真棒,但我留下了周围的内容大加垫场有点难以解释,但什么。我想要的是内容缩小墨,但div的仍然是浏览器的100%(所以如果有一个较小的浏览器,它非常适合周围没有内容这个愚蠢的大填充区域)

这里是如何正常外观: image!

这里是它的外观与添加的CSS变换:image2!

对于如何克服这种将不胜感激任何想法,还要注意我真的不关心我的解决方案在IE9或更低的不工作!

的基本输出,我想是缩小浏览器缩放到75%,如果这能帮助的equivelent ..

+0

你的意思是你不希望使用媒体查询,而是在寻找一条可以扩展一切的通用css行? – 2014-09-30 23:38:14

+0

媒体查询会没问题,但是,是的,我真的在寻找一个整体线路或课程,我可以做的事情,在我进入它之前 – user3404465 2014-09-30 23:41:29

+0

如果我拿一本书,并缩小3/4的整个事情,那是否使*文本*更容易阅读?还是比以前小? – 2014-10-01 00:02:36

回答

1

根据您的CSS是怎么写的,这么简单的东西可以工作:

@media only screen and (max-width: 600px) { 
    body {font-size: 85%;} 
} 

如果你有em宽度的div,将缩减其宽度,但你可以改变通过媒体上面的查询,也许他们的宽度设置为100%