用css3寫(xiě)一個(gè)移動(dòng)端的正方形,在各種高分辨率的手機(jī)下都一樣美觀,求大神...

1、首先，最簡(jiǎn)單的辦法是把寬和高設(shè)為相同的固定值。

成都創(chuàng)新互聯(lián)憑借專(zhuān)業(yè)的設(shè)計(jì)團(tuán)隊(duì)扎實(shí)的技術(shù)支持、優(yōu)質(zhì)高效的服務(wù)意識(shí)和豐厚的資源優(yōu)勢(shì)，提供專(zhuān)業(yè)的網(wǎng)站策劃、網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、軟件開(kāi)發(fā)、網(wǎng)站改版等服務(wù)，在成都10余年的網(wǎng)站建設(shè)設(shè)計(jì)經(jīng)驗(yàn)，為成都數(shù)千家中小型企業(yè)策劃設(shè)計(jì)了網(wǎng)站。

2、padding-top：100%；padding-top的px值就和寬度相同，這樣，正方形就做出來(lái)了，在正方形里面position：absolute；一個(gè)div，width：100%； height：100%；然后在這個(gè)div里面布局就好。

3、minimum-scale=0， maximum-scale=0， user-scalable=no/這種標(biāo)簽，表示是根據(jù)手機(jī)屏幕1：1顯示的頁(yè)面。

4、css3 手機(jī)端怎么高度自適應(yīng) 一般是寬度為響應(yīng)式的，在手機(jī)端，要使用rem作為單位，這樣可以使手機(jī)分辨率在發(fā)生變化時(shí)，高度和寬度同時(shí)發(fā)生改變。現(xiàn)在開(kāi)始流行使用rem作為手機(jī)端的單位，淘寶，京東都是用rem。

5、許多瀏覽器使用640×480的分辨率，盡管在800×600高分辨率下一 些Web頁(yè)面看上去很具吸引力，但在640×480的模式下可能會(huì)黯然失色。

6、第二種辦法，如果你要針對(duì)移動(dòng)端用戶，可以使用響應(yīng)式web設(shè)計(jì)。即：media screen and (max-width： 768px) and (min-width： 480px){ //這里面寫(xiě)CSS代碼 } 如果使用第二種方法建議用百分比布局。

...希望達(dá)到如果手機(jī)端訪問(wèn)展示手機(jī)版樣式(css)

1、可以用JS來(lái)獲取瀏覽器的類(lèi)型，然后載入相應(yīng)的css或者跳轉(zhuǎn)到專(zhuān)屬網(wǎng)站。還有一個(gè)方法是使用responsible布局，讓網(wǎng)站適應(yīng)不同的分辨率。其實(shí)這種方法只是一個(gè)偷懶的折衷方案，維護(hù)起來(lái)不是很方便，而且未必能適應(yīng)所有手機(jī)和平板。

2、首先，打開(kāi)html編輯器，新建html文件，例如：index.html。在index.html中的標(biāo)簽中，輸入meta代碼：。瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)PC端的網(wǎng)頁(yè)在移動(dòng)端上也能自動(dòng)適配。

3、電腦端和手機(jī)端頁(yè)面不一樣，可能情況 響應(yīng)式布局，通過(guò)不同的分辨率顯示不同的css樣式 就是兩套模板，只是根據(jù)pc端和手機(jī)端的訪問(wèn)模式進(jìn)行判斷，然后選擇是用哪個(gè)模板。

4、如果是針對(duì)于手機(jī)使用，不必寫(xiě)幾個(gè)版本，只需要做好行列樣式的寬度在最大屏幕和最小屏幕中顯示正常即可。

5、css，“”和“css”之間有一個(gè)空格。 在做手機(jī)輪播圖時(shí)，banner圖的寬度是手機(jī)屏幕的寬度，輪播圖加了左右切換按鈕，按鈕的position：absolute；定位的元素，定位的元素超出父容器時(shí)(超出了100%)，會(huì)出現(xiàn)滾動(dòng)條。

6、minimum-scale=1，maximum-scale=1，user-scalable=no/ 然而這只是適應(yīng)手機(jī)的前提條件，它告訴手機(jī)適配，這是一個(gè)響應(yīng)式網(wǎng)站，然后需要寫(xiě)css去重置樣式，這個(gè)需要專(zhuān)業(yè)的前端知識(shí)。

如何通過(guò)css實(shí)現(xiàn)不同分辨率的手機(jī)適配

對(duì)于移動(dòng)端開(kāi)發(fā)而言，為了做到頁(yè)面高清的效果，視覺(jué)稿的規(guī)范往往會(huì)遵循以下兩點(diǎn)：首先，選取一款手機(jī)的屏幕寬高作為基準(zhǔn)(以前是iphone4的320×480，現(xiàn)在更多的是iphone6的375×667)。

瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)PC端的網(wǎng)頁(yè)在移動(dòng)端上也能自動(dòng)適配。

用if else來(lái)判斷，給設(shè)置一個(gè)ID，再根據(jù)setAttribute改變src的屬性。

rel=stylesheet type=text/css media=screen and (max-device-width： 400px) href=tinyScreen.css / 上面的代碼意思是，如果屏幕寬度小于400像素（max-device-width： 400px），就加載tinyScreen.css文件。

除了1L使用百分比的方式，CSS3中還加入了media query的語(yǔ)法，及通過(guò)對(duì)手機(jī)長(zhǎng)或?qū)挋z測(cè)的方式來(lái)響應(yīng)不同的CSS樣式代碼。

即讓viewport的寬度等于物理設(shè)備上的真實(shí)分辨率，不允許用戶縮放。其次：網(wǎng)頁(yè)寬度css一定要使用百分比width： xx%；，不能用絕對(duì)像素。

當(dāng)前標(biāo)題：相應(yīng)多種手機(jī)樣式css 手機(jī)的樣式是什么
瀏覽路徑：http://chinadenli.net/article3/diejeis.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設(shè)、外貿(mào)建站、微信小程序、自適應(yīng)網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)