電腦領域 HKEPC Hardware 's Archiver

kof458793 發表於 2013-4-18 13:47

html,css 整網頁 自動調整解像度問題..

我想整一個網頁, 佢本身係800X600, 但如果部電腦既解像度係多過800X600, 佢會自己調整到同部電腦既解像度一樣, eg:去到1024x768, 佢會自己去到1024x768.. 有冇方法整到咁.. 謝謝

杜龍 發表於 2013-4-18 14:09

css3, transform, scale fill

DarkHero 發表於 2013-4-18 21:41

css width:100%咪係囉

杜龍 發表於 2013-4-18 22:47

body{
-webkit-transform: scale(1.2);
}

:xd:

KinChungE 發表於 2013-4-18 23:50

最多只能width:100%變寬, background-size:100%自動resize background image等等
如果連content都要resize, 包括文字同圖片, 要用javascript搞

DarkHero 發表於 2013-4-18 23:52

[quote]最多只能width:100%變寬, background-size:100%自動resize background image等等
如果連content都要resize, ...
[size=2][color=#999999]KinChungE 發表於 2013-4-18 23:50[/color] [url=http://www.hkepc.com/forum/redirect.php?goto=findpost&pid=29775244&ptid=1948293][img]http://www.hkepc.com/forum/images/common/back.gif[/img][/url][/size][/quote]

直接用大圖:xd:

KinChungE 發表於 2013-4-18 23:52

[quote]直接用大圖
[size=2][color=#999999]DarkHero 發表於 2013-4-18 23:52[/color] [url=http://www.hkepc.com/forum/redirect.php?goto=findpost&pid=29775258&ptid=1948293][img]http://www.hkepc.com/forum/images/common/back.gif[/img][/url][/size][/quote]

pattern就得
如果相, 細mon既人又睇唔哂

DarkHero 發表於 2013-4-18 23:54

[quote]pattern就得
如果相, 細mon既人又睇唔哂
[size=2][color=#999999]KinChungE 發表於 2013-4-18 23:52[/color] [url=http://www.hkepc.com/forum/redirect.php?goto=findpost&pid=29775263&ptid=1948293][img]http://www.hkepc.com/forum/images/common/back.gif[/img][/url][/size][/quote]

用css 硬縮細
如果內容要清就幫唔到啦:xd:

DarkHero 發表於 2013-4-18 23:55

或者可以分column 切開d 圖
咁佢唔夠位就移落去:xd:

KinChungE 發表於 2013-4-19 00:17

[quote]或者可以分column 切開d 圖
咁佢唔夠位就移落去
[size=2][color=#999999]DarkHero 發表於 2013-4-18 23:55[/color] [url=http://www.hkepc.com/forum/redirect.php?goto=findpost&pid=29775290&ptid=1948293][img]http://www.hkepc.com/forum/images/common/back.gif[/img][/url][/size][/quote]

將D content wrapper fixed width, 之後包住佢果D block全部float:left;:xd:

gamezz 發表於 2013-4-19 00:47

[b]回復 [url=http://www.hkepc.com/forum/redirect.php?goto=findpost&pid=29774760&ptid=1948293]4#[/url] [i]杜龍[/i] [/b]

你依個方便係咪同 flash 100% 的效果相同?

杜龍 發表於 2013-4-19 01:23

[quote]回復  杜龍

你依個方便係咪同 flash 100% 的效果相同?
[size=2][color=#999999]gamezz 發表於 2013-4-19 00:47[/color] [url=http://www.hkepc.com/forum/redirect.php?goto=findpost&pid=29775640&ptid=1948293][img]http://www.hkepc.com/forum/images/common/back.gif[/img][/url][/size][/quote]


    [url]http://www.w3schools.com/css3/tryit.asp?filename=trycss3_transform_scale[/url]

Jackass_TMxCK 發表於 2013-4-20 20:32

css3 @media

頁: [1]

Powered by Discuz! Archiver 7.2  © 2001-2009 Comsenz Inc.