如何用CSS或者JS設(shè)置一張圖片,讓手機(jī)橫屏(寬480)看或者豎屏(寬320...

手機(jī)、平板設(shè)備屏幕尺寸眾多，寬度不一，寫手機(jī)、平板對應(yīng)css時最好用百分比寬度來自適應(yīng)各種大小不一的屏幕寬度。這個百分比尺寸不算太難但也不是個太輕便的活，如果你css不熟練的話最好先別折騰這塊，把基礎(chǔ)練好了來。

創(chuàng)新互聯(lián)主營勃利網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,app開發(fā)定制,勃利h5微信小程序定制開發(fā)搭建,勃利網(wǎng)站營銷推廣歡迎勃利等地區(qū)企業(yè)咨詢

所有主流瀏覽器都支持這個設(shè)置，包括IE9。對于那些老式瀏覽器（主要是IE8），需要使用css3-mediaqueries.js。

你說的應(yīng)該是響應(yīng)式布局，這個css就能實現(xiàn)，有兩種方法：用@media通過判斷瀏覽器的分辨率（代碼自動能判斷）來調(diào)取不同的css樣式。這就需要寫不同的css，主要是寬度的調(diào)整。不用固定的寬度。寬度用%。

下面筆者分別從 DOM 和 Canvas 兩方面去著手闡述如何做橫屏適配處理。 解決DOM 的橫屏適配問題 在移動端，常見的移動端適配方案是 REM 方案，而為了減少 JS 與 CSS 的耦合，筆者團(tuán)隊開發(fā)頁面時采用的是 VW + REM 方案。

可以通過cover和contain來對圖片進(jìn)行伸縮。

怎樣編寫只有手機(jī)瀏覽器支持的css呢?

1、w3c的html規(guī)范中有規(guī)定了引入css文件所針對的設(shè)備，可以通過在標(biāo)簽上添加media屬性來指定所引入的css文件支持的設(shè)備，那針對手機(jī)這種移動設(shè)備，設(shè)置media屬性值為handheld。

2、用js判斷是不是微信瀏覽器打開，若是則采用對應(yīng)css樣式；不是就用默認(rèn)css樣式即可；具體代碼網(wǎng)上一堆，一搜既有的東西。

3、設(shè)置一個js只在蘋果瀏覽器下加載，其它瀏覽器不加載 if(isSafari=navigator.userAgent.indexOf(Safari)0) { document.write()；}document.write雙引號的內(nèi)容就是普通的css引入。

修改discuz手機(jī)觸屏版的css樣式要修改哪里?

1、此時看到樣式表的位置在緩存中，但那不是我們要找的CSS，www\template\qu_design\common\common.css，這才是我們要找的樣式表文件。

2、改css 需要訪問網(wǎng)址看效果，或本地訪問本地地址，比如10.1。重復(fù)一下，任何一個網(wǎng)站系統(tǒng)的模板都不是直接打開看的，如果直接打開能看到完整效果，那不是網(wǎng)站模板，那是靜態(tài)HTML網(wǎng)頁。

3、開啟diy，經(jīng)過diy區(qū)域可見“編輯”點擊打開，再選擇“模塊模板”打開，里面就是該diy區(qū)域的html代碼，根據(jù)html調(diào)整css，也可自己寫html和css。

4、修改.altw { width： 200px； }并上傳此文件后，登錄網(wǎng)站后臺，在“界面”——風(fēng)格管理——“更新CSS緩存”后再看前臺效果。