網(wǎng)頁(yè)自適應(yīng)
提問(wèn)問(wèn)題
列表
-
dreamweaver做手機(jī)網(wǎng)頁(yè)的時(shí)怎么讓網(wǎng)頁(yè)100%自適應(yīng)鋪滿屏幕，就是不能讓它縮放？
查看答案>>
-
CSS中如何設(shè)拉伸背景圖片鋪滿屏幕
查看答案>>
-
如何把一個(gè)pc頁(yè)面自適應(yīng)手機(jī)屏幕
查看答案>>
-
CSS中如何設(shè)拉伸背景圖片鋪滿屏幕
查看答案>>
-
自適應(yīng)手機(jī)屏幕代碼
查看答案>>
-
div內(nèi)文字顯示兩行，超出兩行部分省略號(hào)顯示css能實(shí)現(xiàn)么？
查看答案>>
-
求CSS3字體自適應(yīng)大小的方法！~
查看答案>>
-
html5手機(jī)頁(yè)面背景圖片自適應(yīng)大小問(wèn)題
查看答案>>
-
css圖片自適應(yīng)手機(jī)屏幕
查看答案>>
dreamweaver做手機(jī)網(wǎng)頁(yè)的時(shí)怎么讓網(wǎng)頁(yè)100%自適應(yīng)鋪滿屏幕，就是不能讓它縮放？
html5默認(rèn)允許用戶縮放頁(yè)面，如果需要禁止縮放，我們需要將user-scalabel=0設(shè)置下，具體代碼如下：<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />注意:meta在head里。
CSS中如何設(shè)拉伸背景圖片鋪滿屏幕
background:url(images/beijing.png) repeat;加個(gè)屬background-size:100%;background:url(images/beijing.png) no-repeat;
如何把一個(gè)pc頁(yè)面自適應(yīng)手機(jī)屏幕
無(wú)論是電腦還是手機(jī)，要做到自適應(yīng)屏幕，其實(shí)都是一樣的。首先，在網(wǎng)頁(yè)代碼的頭部，加入一行viewport標(biāo)簽<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />viewport是網(wǎng)頁(yè)默認(rèn)的寬度和高度，上面這行代碼的意思是，網(wǎng)頁(yè)寬度默認(rèn)等于屏幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網(wǎng)頁(yè)初始大小占屏幕面積的100%。即讓viewport的寬度等于物理設(shè)備上的真實(shí)分辨率，不允許用戶縮放。其次：網(wǎng)頁(yè)寬度css一定要使用百分比width: xx%;，不能用絕對(duì)像素。當(dāng)然可以用width:auto;第三，流動(dòng)布局.left{float: left;width: ***%;}第四，選擇加載css這是自適應(yīng)的關(guān)鍵部分.abc{ height:300px; border:1px solid #000; margin:0 auto} @media screen and (min-width: 1201px) { .abc {width: 1200px} } /* 設(shè)置了瀏覽器寬度不小于1201px時(shí) abc 顯示1200px寬度 */ @media screen and (max-width: 1200px) { .abc {width: 900px} } /* 設(shè)置了瀏覽器寬度不大于1200px時(shí) abc 顯示900px寬度 */ @media screen and (max-width: 901px) { .abc {width: 200px;} } /* 設(shè)置了瀏覽器寬度不大于901px時(shí) abc 顯示200px寬度 */ @media screen and (max-width: 500px) { .abc {width: 100px;} } /* 設(shè)置了瀏覽器寬度不大于500px時(shí) abc 顯示100px寬度 */ 需要注意是CSS代碼順序，由大到小排版CSS（判斷瀏覽器寬度越大越放前），這樣是因?yàn)檫壿嬯P(guān)系，@media 判斷CSS排錯(cuò)將導(dǎo)致判斷失效。第四，圖片自適應(yīng)img { max-width: 100%;}老版本的IE不支持max-width，所以只好寫成：img { width: 100%; }篳五、采用相對(duì)字體大小字體也不能使用絕對(duì)大?。╬x），而只能使用相對(duì)大?。╡m）。這里最重要的，是第三條和第四條，也就是采用流動(dòng)布局和css選擇加載。祝你好運(yùn)！
CSS中如何設(shè)拉伸背景圖片鋪滿屏幕
background:url(images/beijing.png) repeat;加個(gè)屬background-size:100%;background:url(images/beijing.png) no-repeat;
自適應(yīng)手機(jī)屏幕代碼
你確定你加的對(duì)嗎，你再試試<meta name="viewport" content="width=device-width"><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
我加的就是這句話，不管用的。我一直在想是不是我代碼寫的有問(wèn)題，我想知道加這段代碼有什么要求嗎？比如寫頁(yè)面必須用百分比還是固定值什么的？或者別的地方還要注意寫什么？
我就說(shuō)說(shuō)的經(jīng)驗(yàn)吧，因?yàn)槲乙沧鲞^(guò)移動(dòng)端的頁(yè)面。首先就是自適應(yīng)（說(shuō)白了就是用百分比來(lái)設(shè)寬度），最外框肯定是用百分比的，但是一些小的部分就不能用百分比了，不然就會(huì)變形，就比如你說(shuō)的圖片，圖片盡量定死了，不然不同的手機(jī)屏幕大小不一定，所顯示的就不一樣，甚至?xí)冃瘟恕Ｄ憧梢酝ㄟ^(guò)控制圖片外面的DIV來(lái)控制位置，讓它在符合美學(xué)的位置。這些是我的經(jīng)驗(yàn)，但是，都是我自己摸索的，正確與否就你自己驗(yàn)證了
div內(nèi)文字顯示兩行，超出兩行部分省略號(hào)顯示css能實(shí)現(xiàn)么？
通常的做法是這樣的：1.overflow:hidden;2.text-overflow:ellipsis;3.-o-text-overflow:ellipsis;4.white-space:nowrap;5.width:100%;其中，overflow: hidden和white-space: nowrap都是必須的否則不會(huì)顯示省略號(hào)；-o-text-overflow: ellipsis針對(duì)Opera；而寬度的設(shè)定主要是針對(duì)IE6；該方法支持Internet Explorer, Safari, Chrome 和 Opera，但FF并不支持，不過(guò)可以通過(guò)Jquery來(lái)實(shí)現(xiàn)類似的效果。下載Jquery插件：jQuery ellipsis plugin調(diào)用方法：1.$(document).ready(function() {2. $('.ellipsis').ellipsis();3.}
求CSS3字體自適應(yīng)大小的方法！~
請(qǐng)使用”相對(duì)長(zhǎng)度單位“ em ,相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。如當(dāng)前對(duì)行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對(duì)于瀏覽器的默認(rèn)字體尺寸。所有瀏覽器支持例如： font-size:1em;
html5手機(jī)頁(yè)面背景圖片自適應(yīng)大小問(wèn)題
首先需要div布局，HTML布局：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"><title>背景圖片自適應(yīng)</title><style type="text/css">html,body {padding: 0;margin: 0;}div {width: 100%;height: 300px;background: url('images/slide_01_640x340.jpg') no-repeat;background-size: 100% 100%;}</style></head><body><div></div></body></html>2.HTML代碼的截圖效果：3.自適應(yīng)最重要的樣式如下：<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">width: 100%;background-size: 100% 100%;4.最終的效果是這樣：
css圖片自適應(yīng)手機(jī)屏幕
1）按你的操作，讀取當(dāng)前的寬度然后設(shè)置到樣式中：var h = $(window).width(); $(".mymsg").css("width", h);2）css操作：設(shè)置一個(gè)div，設(shè)置div的寬度為100%，然后設(shè)置img的寬度為100%
熱門問(wèn)答
- 模版還是模板
- 免費(fèi)建站
- 淘寶網(wǎng)頁(yè)是哪個(gè)公司做的
- 免費(fèi)制作企業(yè)
- 簡(jiǎn)單個(gè)人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁(yè)設(shè)計(jì)
- html模板文件
- 手機(jī)網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計(jì)
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機(jī)制作簡(jiǎn)歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡(jiǎn)歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁(yè)制作學(xué)那些
