網(wǎng)頁布局尺寸
提問問題
列表
-
CSS 命令 微信公眾平臺 自適應(yīng)屏幕大小
查看答案>>
-
響應(yīng)式網(wǎng)頁一般都需要適配哪些移動設(shè)備分辨率
查看答案>>
-
html手機頁面的字體怎么設(shè)置隨屏幕的大小變化頁變化?
查看答案>>
-
淘寶裝修(自定義頁面)1920網(wǎng)頁寬屏布局怎么做?
查看答案>>
-
關(guān)于網(wǎng)頁制作大小與分辨率的關(guān)系
查看答案>>
-
html頁面,A4紙豎向打印,網(wǎng)頁頁面的寬度應(yīng)該設(shè)置成多少?
查看答案>>
CSS 命令 微信公眾平臺 自適應(yīng)屏幕大小
下面就告訴大家如何解決。 1. 使用HTML中的viewport來實現(xiàn)viewport語法如下:HTML代碼 123456789101112<!--在html代碼的<head>...</head>中嵌入下面代碼--><meta name="viewport" content=" height = [pixel_value | device-height] , width = [pixel_value | device-width ] , initial-scale = 0.5 , minimum-scale = float_value , maximum-scale = float_value , user-scalable = [yes | no] , " />width控制 viewport 的大小,可以指定的一個值或者特殊的值,如 device-width 為設(shè)備的寬度(單位為縮放為 100% 時的 CSS 的像素)。height和 width 相對應(yīng),指定高度。initial-scale初始縮放。即頁面初始縮放程度。這是一個浮點值,是頁面大小的一個乘數(shù)。例如,如果你設(shè)置初始縮放為“1.0”,那么,web頁面在展現(xiàn)的時候就會以target density分辨率的1:1來展現(xiàn)。如果你設(shè)置為“2.0”,那么這個頁面就會放大為2倍。 maximum-scale最大縮放。即允許的最大縮放程度。這也是一個浮點值,用以指出頁面大小與屏幕大小相比的最大乘數(shù)。例如,如果你將這個值設(shè)置為“2.0”,那么這個頁面與target size相比,最多能放大2倍。user-scalable用戶調(diào)整縮放。即用戶是否能改變頁面縮放程度。如果設(shè)置為yes則是允許用戶對其進行改變,反之為no。默認(rèn)值是yes。如果你將其設(shè)置為no,那么minimum-scale 和 maximum-scale都將被忽略,因為根本不可能縮放。(設(shè)置屏幕寬度為設(shè)備寬度,禁止用戶手動調(diào)整縮放)HTML代碼 1<meta name="viewport" content="width=device-width,user-scalable=no" />(設(shè)置屏幕密度為高頻,中頻,低頻自動縮放,禁止用戶手動調(diào)整縮放)HTML代碼 123<metaname="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>注:1). 所有的縮放值都必須在0.01–10的范圍之內(nèi)。 2). minimum-scale、maximum-scale要么寫值,要不留這兩個2. 不使用絕對寬度 由于網(wǎng)頁會根據(jù)屏幕寬度調(diào)整布局,所以不能使用絕對寬度的布局,也不能使用具有絕對寬度的元素。這一條非常重要。具體說,CSS代碼不能指定像素寬度: width:xxx px;只能指定百分比寬度: width: xx%;或者 width:auto;3. CSS的@media規(guī)則 同一個CSS文件中,也可以根據(jù)不同的屏幕分辨率,選擇應(yīng)用不同的CSS規(guī)則。HTML代碼 123456789@media screen and (max-device-width: 400px) { .column { float: none; width:auto; } #sidebar { display:none; }}上面的代碼意思是,如果屏幕寬度小于400像素,則column塊取消浮動(float:none)、寬度自動調(diào)節(jié)(width:auto),sidebar塊不顯示(display:none)。4. 流動布局 各個區(qū)塊的位置都是浮動的,不是固定不變的。HTML代碼 12345678 .main { float: right; width: 70%; } .leftBar { float: left; width: 25%; }float的好處是,如果寬度太小,放不下兩個元素,后面的元素會自動滾動到前面元素的下方,不會在水平方向overflow(溢出),避免了水平滾動條的出現(xiàn)。另外,絕對定位(position: absolute)的使用,也要非常小心。5. 圖片的自適應(yīng) 圖片的寬度和高度要按百分比來設(shè)定,千萬不可以設(shè)定成固定大小。HTML代碼 1 <img width="95%" src="" alt="" />
響應(yīng)式網(wǎng)頁一般都需要適配哪些移動設(shè)備分辨率
屏幕分辨率一般是這樣的。然后做響應(yīng)式的時候,需要考慮的是1024 * 768、768 * 1280、640 * 960、320 * 480的分辨率,其他的都不怎么考慮。1024 * 768 是一般電腦屏幕分辨率;768 * 1280是平板橫著時的分辨率640 * 960是平板豎著時的分辨率320 * 480是iphone手機的屏幕分辨率。
html手機頁面的字體怎么設(shè)置隨屏幕的大小變化頁變化?
手機響應(yīng)式布局,是獲取屏幕尺寸,在某個區(qū)間用一種css,另個區(qū)間用另一種css。需要用@media寫多份css的。無法做到真正的隨屏幕變化而變化。而<meta name="viewport" content="width=device-width" />的用法是隨著屏幕的大小,自動把頁面自適應(yīng)到屏幕的大小。這個是管用的。em是字體的寬度,也就是一個字體寬12px,那么em=12px;字體為15px,em=15px;一般用來動態(tài)控制字體外的區(qū)塊大小去適應(yīng)字體,而不是用來設(shè)置字體的大小的。例如:<p style="width: 12em;">
<!-- / 無論這里設(shè)置的字體多大,寬度只會容納12個字 / -->
</p>如果<meta name="viewport" content="width=device-width" />沒效果,建議你用圖片貼出來,看看你想要的具體效果是什么。
淘寶裝修(自定義頁面)1920網(wǎng)頁寬屏布局怎么做?
可以通過輸入代碼來做,也可以直接上傳背景,具體要看你是想要海報還是背景,還要看你加不加鏈接,有不懂的可以繼續(xù)提問
背景先切片再壓縮都超過200K,試過切片分別上傳但是不行。我做的是一大張1920寬屏網(wǎng)頁,不是海報,而且掛好多連接。代碼我在網(wǎng)上找了十幾條了,在自定義頁面都試過,但始終只有950。這幾天都郁悶死了,如果你有代碼,麻煩發(fā)我一下,非常感謝!
你要掛多少鏈接都可以,但連接只能在950范圍內(nèi),超出了就不行了,代碼我有,但不一地適合你用,因為代碼里面有圖片的尺寸,直接給你的話,你還要修改了之后才能用,還有,你會不會DW ??如果會的話,那連接就好辦了
http://happymoza.taobao.com/這個是我放在首頁的效果,你可以看看。(全屏板塊在頁尾)再強調(diào)一下,是在自定頁面實現(xiàn)1920寬屏的效果,首頁現(xiàn)在一般的模板都可以做全屏了。
不好意思啊,因為最近比較忙,不經(jīng)常上百度知道,回復(fù)晚了,別介意啊你說的效果是可以實現(xiàn)的,只要在店鋪裝修里面添加一個自定義模塊,然后輸入代碼就行了,但是在強調(diào)一下,海報可以1920全屏顯示,但那個鏈接只能在950范圍內(nèi)的,如果你不介意的話可以把海報發(fā)過來,我?guī)湍阕鲆幌?
我也是,最近特別忙。把海報發(fā)過去也沒什么意義,天貓店我用樓下的代碼做出來了,鏈接掛在搭配套餐和新品區(qū)上,c店的把你代碼發(fā)我一下,可以全屏布局話,分就給你了
全屏海報代碼.rar大?。?.48K|所需財富值:1 已經(jīng)過百度安全檢測,放心下載點擊下載
首先謝謝你的代碼,非常詳細(xì)。但是前面我已經(jīng)強調(diào)過了,是自定義頁面,不是首頁,是自定義頁面,不要理解成首頁添加一個自定義內(nèi)容區(qū),是自定義頁面添加一個自定義內(nèi)容區(qū),而且實現(xiàn)1920的寬屏布局。
這個代碼不能用嗎??
在首頁是可以用的,但是我需要的是自定義頁面的。已經(jīng)無力尋找了,就采納你的為滿意答案吧。
最終還是沒能幫您解決問題,真的很抱歉啊
關(guān)于網(wǎng)頁制作大小與分辨率的關(guān)系
呵呵,我來回答你的問題吧。1:分辨率的問題?,F(xiàn)在PC端大部分的網(wǎng)站都采用固定寬度、高度自適應(yīng)、并居中的布局方法,寬度一般都是1000PX左右。這已經(jīng)兼容絕大部分的分辨率了,至于極個別的分辨率的兼容性,要么舍棄掉,要么就對該分辨率重新設(shè)計一個版面??偟膩碚f,PC端的分辨率,樓主不需要其有多大的疑慮,感覺有點太過憂慮。當(dāng)你對網(wǎng)頁制作更加深入以后,你會發(fā)現(xiàn)你的擔(dān)心是多余的。2:你說自動鋪滿全屏。他沒采用第一種布局方式,而是采用定位的方式布局的。3:網(wǎng)頁在瀏覽器和DW軟件顯示有差異,你無需管網(wǎng)頁在DW軟件中的顯示結(jié)果,顯示結(jié)果均由瀏覽器顯示結(jié)果為基準(zhǔn)。因為用戶使用瀏覽器訪問你的網(wǎng)站。至于為什么會有差異,DW畢竟只是一個軟件而不是瀏覽器。
那么定位的方式布局步驟是什么?我怎么設(shè)置。
用position這個屬性來定位,絕大部分應(yīng)該是用到的absolute;但也不一定全部,這個需要根據(jù)效果來布局的。網(wǎng)站不一樣,方法肯定不一樣。多多練習(xí)你就會知道了。~~
html頁面,A4紙豎向打印,網(wǎng)頁頁面的寬度應(yīng)該設(shè)置成多少?
首先要說明一下:px 是像素,相對于屏幕的分辨率,是相對值mm 是即毫米,是絕對值,因為,不同屏幕有不同的像素密度比,所以兩者是不可轉(zhuǎn)換的。A4紙的尺寸是210*297mm。豎向打印,你需要把html頁面的內(nèi)容設(shè)置成210mm的寬度。下面如何設(shè)置CSS:選中要打印的的DIV,點擊右側(cè)的CSS屬性面板“+”號,新建樣式輸入CSS樣式名,確定在CSS樣式分類處選擇“方框”,在右側(cè)的“width”后填入“210”,后面的單位一定要選擇“mm”。確定。我們查看代碼視圖里的原代碼多了“width:210mm”這里再打印,就可以正常顯示了。
熱門問答
- 模版還是模板
- 免費建站
- 淘寶網(wǎng)頁是哪個公司做的
- 免費制作企業(yè)
- 簡單個人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁設(shè)計
- html模板文件
- 手機網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機制作簡歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁制作學(xué)那些