2022-12-19 分類: 網站建設
網站開發:如何讓網頁自適應電腦屏幕分辨率?
網站開發很多人會遇到這樣的問題,當你自己的電腦上精心制作好網頁,卻發現在他人的不同分辨率的電腦上瀏覽你頁面時,自己的網頁排版亂得一塌糊涂,或者被拉伸,或者被壓縮,要不就是不能完整顯示在屏幕內。這是為什么呢?因為通常初學者朋友都按照自己的屏幕分辨率對網頁進行設計,但是卻沒有考慮到網友們可能使用了別的屏幕分辨率。
目前,網友們上網通常會采用8006001024768兩種分辨率,由于網頁不是用來給自己看的所以我必需讓自己的網頁能夠兼顧這兩種情況,讓不同分辨率設置的網友都能夠看到一個排版美觀正確的網頁。下面就介紹幾種常用的方法,特別說明一下除非你網站是藝術類的有特別需求,通常我都會首先照顧分辨率設置為800600大眾化規范。如果你網站結構沒有用到大量的圖形來銜接,主要由表格來定結構,那么你就可以使用該方法。非常適用于主要由表格、文字來表達信息的簡單的網頁頁面。制作表格時,只要你把表格的寬度屬性定義為100%表格就會根據分辨率的不同自行調整寬度。
網站開發二、固定居中就OK不過有幾個問題這是要注意一下,第一個要注意的上面說到百分比的問題,表格、單元格的寬度單位最好要使用像素單位,而不要用百分比。例如width=770如果你表格寬度設的百分比,那么使用大于800600像素時,網頁就會拉寬,這樣網頁可能會變形。中加入leftmargin=0即這種情況下,800600支持的表格寬度為780像素時不會出現滾動條。還有一點要注意的不能用DW中的層來定位。
網站開發三、兵分兩路}
文章標題:網站開發:如何讓網頁自適應電腦屏幕分辨率?
本文來源:http://m.newbst.com/news25/224075.html
成都網站建設公司_創新互聯,為您提供軟件開發、外貿網站建設、網站內鏈、品牌網站制作、標簽優化、企業建站
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容