網頁大屏
方法:
1、在網頁頭部加上這樣一條meta標簽:<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
解釋:
width=device-width :寬度等於設備屏幕的寬度
initial-scale=1.0:表示:初始的縮放比例
minimum-scale=0.5:表示:最小的縮放比例
maximum-scale=2.0:表示:最大的縮放比例
user-scalable=yes:表示:用戶是否可以調整縮放比例
另外:如果想控制字體的大小的話,應該使用相對大小,可以用下面這段代碼,一般不用也可,這里只是說明一種方法。
相對大小的字體
字體也不能使用絕對大小px,而只能使用相對大小em。
body {font: normal 100% Helvetica, Arial, sans-serif;}
上面的代碼指定,字體大小是頁面默認大小的100%,即16像素。
h1 {font-size: 1.5em; }
然後,h1的大小是默認大小的1.5倍,即24像素(24/16=1.5)。
small {font-size: 0.875em;}
small元素的大小是默認大小的0.875倍,即14像素(14/16=0.875)。
2、讓網頁適應不同的瀏覽器
瀏覽器的格局現在是兩分天下,一分是IE,另一分是NetScape,在國內Ie有絕對的佔有率,在這種情況下我們設計的網頁只要兼容它就行了,但NetScape在國外還是有很多人使用,畢竟它是瀏覽器的元老。
雖然沒有辦法做出讓所有瀏覽器都兼容的網站,但只要注意以下幾點,做出來的網頁在各個瀏覽器都中能達到比較好的顯示效果:
a、不要混合使用層和表格排版,如果是父子關系,如層中表格,不在此原則范圍內。
b、內聯式的 CSS 在 Netscape Navigator 中經常會出現問題,使用鏈式或內嵌式。
c、有時需要在空層插入表格或者透明圖片,以保證在 Netscape Navigator 里的效果。
d、對於只有幾個像素寬度或高度的層,改用圖片來實現。
e、避免使用 W3C 組織不推薦的排版屬性,用 CSS 代替。
② 電腦屏幕大網頁太小怎麼調
按住ctrl鍵,滾動滑鼠中間的滾輪自己調節
③ 網頁設計中的一屏尺寸是多大呢
寬度:1000-1003
高度:980-986
這個標准之內可以滿足14寸的屏幕 做的大了可能在大顯示器上很好 顯示器小了或者解析度低的話就不行了 就像一個木桶裝水要看最短的木板有多長
④ html布局:一個小網頁在大屏幕顯示,想要居中效果。那麼,<body>及背景圖片怎麼設置才能達到居
body{ background: url("images/aardvark.gif"); background-repeat: repeat; margin:0px auto ;text-align:center;}
⑤ 如何讓網頁在瀏覽器自適應屏幕大小
想要網頁寬度自適應,需要把網頁元素寬度設置為百分比,還要在網頁頭部加上代碼: <meta name="viewport" content="width=device-width,initial-scale=1.0" />。
圖片自適應,且不超過原始大小,需要設置最大寬度,代碼如下: img{ width:100%; max-width:100%;}。
⑥ 怎麼使網頁大屏幕變小啊
按住Ctrl的同時,滑動滑鼠的滾軸,屏幕就可以縮小了。也可以放大。
⑦ 怎樣使網頁打開時顯示大屏幕
用游標在邊緣拉到最大,然後關了網頁,在打開