1

我有一个网页（html + css 文件）。当它以其原生缩放显示时，它看起来并不好。我需要缩小（两次单击 ctrl+-）让它看起来不错。

因此，我希望这种缩小的格式成为网站的原生缩放，也就是说，看到我网站的人会默认以这种方式看到它（在 Firefox、Chrome 和 Internet Explorer 上）。

问题：有没有办法做到这一点？最简单的方法是什么？（我的 html/css 编码不太好。我使用免费模板来构建自己的网站。）

4

4 回答 4

0

这是因为你的 CSS 没有根据分辨率改变

所以使用媒体查询

http://mediaqueri.es/

http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/

于 2013-07-26T10:24:31.307 回答
0

这是您可以在 CSS 中使用的技巧，但请记住，这会从中心缩小 HTML，并弄乱您网站的整体对齐方式。但是，我敢肯定，如果您稍微玩一下，您可能会发现这对您有利。

CSS

html {
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    overflow-x:scroll;
    overflow-y:scroll;
}

工作小提琴

于 2013-07-26T11:46:05.877 回答
0

使用媒体查询为不同的屏幕分辨率编写不同的样式。

此外，对字体大小宽度、填充、边距等使用 em 和百分比。这样当您缩放页面时，它会根据分辨率相对于父级进行更改。

于 2013-07-26T10:32:08.663 回答
0

您可以使用@media 查询

@media (min-width: 700px) { ... }
@media (min-width: 700px) and (orientation: landscape) { ... }
@media tv and (min-width: 700px) and (orientation: landscape) { ... }
@media (min-width: 700px), handheld and (orientation: landscape) { ... }

此外

您还可以使用window.resizeTo(iWidth, iHeight)方法来调整浏览器窗口的大小。

于 2013-07-26T10:34:44.027 回答