Q

縮小網站（自動在HTML代碼中）

2013-07-26 70 views 1 likes

1

我有一個網頁（html + css文件）。當它以原生縮放顯示時，它看起來不太好。我需要縮小（兩次點擊ctrl + - ）使它看起來不錯。縮小網站（自動在HTML代碼中）

因此，我希望這種縮小的格式成爲網站的本地縮放，也就是說，看到我的網站的用戶會默認以這種方式看到它（在Firefox，Chrome和Internet Explorer上）。

問題：有沒有辦法做到這一點？什麼是最簡單的方法來做到這一點？（我真的不代碼以及HTML/CSS我用一個免費的模板建立自己的網站。）

2013-07-26 Dilworth

+0

烏拉圭回合的網站鏈接？ –

+2

嗯，我寧願不去公開:) – Dilworth

+3

它的堆棧溢出，不是證券交易所:-) – AnaMaria

A

回答

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-26 10:24:31

+0

I談論桌面瀏覽器，只是爲了說清楚。 – Dilworth

+0

我也只是在談論網站瀏覽器.. –

+0

我不明白媒體查詢如何提供幫助。媒體查詢只是回答真實或錯誤價值的一個條件。但是，根據答案，我需要縮小縮放係數。但我的問題是，我不知道如何縮小變焦。 – Dilworth

0

使用媒體查詢寫不同的屏幕分辨率不同的風格。

此外，使用ems和字體大小寬度，填充，邊距等百分比。這樣，當您縮放頁面時，它將根據分辨率相對於父項進行更改。

2013-07-26 10:32:08 web2008

+0

Dito。無法看到媒體查詢如何幫助您。我錯過了什麼嗎？ – Dilworth

0

您可以使用@media query

@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-26 10:34:44

+0

謝謝。 window.resize是否也控制圖片的縮放？ – Dilworth

+0

是的，顯然。 –

+0

哦，順便說一句，我不希望瀏覽器窗口改變當然，只有我的網站的內容。 – Dilworth

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-26 11:46:05 AnaMaria

相關問題