国产丝袜视频一区二区三区大长腿|丁香九月婷婷综合|久久久久久久久大|极品无码人妻视频|青青草中文无码|黄p网站免费观看|欧美性爱精品乱码翘臀|亚洲精品第十一页|91精品久久久久久久久久久久久久|曰曰干夜夜噜

首頁 > 熱門提問 > 電腦網(wǎng)頁設(shè)計

電腦網(wǎng)頁設(shè)計

提問

問題
列表

  • 電腦網(wǎng)頁地址上輸入的阿拉伯數(shù)字怎么會變大了

    查看答案>>

  • 為什么網(wǎng)頁的分辨率寬度和電腦實際分辨率的寬度不同

    查看答案>>

  • 關(guān)于網(wǎng)頁制作大小與分辨率的關(guān)系

    查看答案>>

  • 電腦網(wǎng)頁地址上輸入的阿拉伯數(shù)字怎么會變大了

    查看答案>>

  • 怎樣設(shè)置自己電腦的主頁面?

    查看答案>>

  • 做設(shè)計,電腦最好設(shè)置多少顯示分辨率

    查看答案>>

  • 網(wǎng)頁設(shè)計中合理的寬度是多少

    查看答案>>

  • PC端UI設(shè)計尺寸規(guī)范?

    查看答案>>

  • 如何利用Thinkphp框架開發(fā)移動端接口詳解

    查看答案>>

  • PC端,頁面寬度,設(shè)計多少最合適。

    查看答案>>

電腦網(wǎng)頁地址上輸入的阿拉伯數(shù)字怎么會變大了

請問你是不是在中文輸入法狀態(tài)下輸入的數(shù)字??是的話,那說明你把全角打開了,只要按SHIFT加空格 就可以把全角變?yōu)榘虢?那樣輸入的數(shù)字就是正常的了
0 有幫助 展開

為什么網(wǎng)頁的分辨率寬度和電腦實際分辨率的寬度不同

  網(wǎng)頁的分辨率寬度和電腦實際分辨率的寬度之所以不同,是因為在網(wǎng)頁設(shè)計時,要考慮很多因素,而不能占用全部屏寬?! ∨e例來講。比如電腦屏幕分辨率如果設(shè)置為:1024x768,其中1024像素為屏寬,那么在網(wǎng)頁設(shè)計時,其最大屏寬則只能設(shè)計為:1000或980像素甚至更小。其原因在于,為了顯示美觀,網(wǎng)頁必須設(shè)置左右邊距,這就相當于編輯打印文稿也要留出上下左右空白邊距一樣;此外,如果網(wǎng)頁內(nèi)容較多,在當前高度內(nèi)無法完全顯示的話,則右側(cè)還需要保留設(shè)置上下滑桿的位置。所以,實際上網(wǎng)頁設(shè)計時,不會設(shè)置固定的屏寬和屏高參數(shù),而是以百分比代替,即不管電腦屏幕分辨率設(shè)置為多少,其屏高均設(shè)置為屏幕分辨率的95%或其它相近比例。
2 有幫助? 展開

關(guān)于網(wǎng)頁制作大小與分辨率的關(guān)系

呵呵,我來回答你的問題吧。1:分辨率的問題?,F(xiàn)在PC端大部分的網(wǎng)站都采用固定寬度、高度自適應(yīng)、并居中的布局方法,寬度一般都是1000PX左右。這已經(jīng)兼容絕大部分的分辨率了,至于極個別的分辨率的兼容性,要么舍棄掉,要么就對該分辨率重新設(shè)計一個版面??偟膩碚f,PC端的分辨率,樓主不需要其有多大的疑慮,感覺有點太過憂慮。當你對網(wǎng)頁制作更加深入以后,你會發(fā)現(xiàn)你的擔心是多余的。2:你說自動鋪滿全屏。他沒采用第一種布局方式,而是采用定位的方式布局的。3:網(wǎng)頁在瀏覽器和DW軟件顯示有差異,你無需管網(wǎng)頁在DW軟件中的顯示結(jié)果,顯示結(jié)果均由瀏覽器顯示結(jié)果為基準。因為用戶使用瀏覽器訪問你的網(wǎng)站。至于為什么會有差異,DW畢竟只是一個軟件而不是瀏覽器。 那么定位的方式布局步驟是什么?我怎么設(shè)置。 用position這個屬性來定位,絕大部分應(yīng)該是用到的absolute;但也不一定全部,這個需要根據(jù)效果來布局的。網(wǎng)站不一樣,方法肯定不一樣。多多練習你就會知道了。~~
0 有幫助 展開

電腦網(wǎng)頁地址上輸入的阿拉伯數(shù)字怎么會變大了

請問你是不是在中文輸入法狀態(tài)下輸入的數(shù)字??是的話,那說明你把全角打開了,只要按SHIFT加空格 就可以把全角變?yōu)榘虢?那樣輸入的數(shù)字就是正常的了
0 有幫助? 展開

怎樣設(shè)置自己電腦的主頁面?

  設(shè)置電腦主頁就是方便快捷的訪問常去的、安全的網(wǎng)站。方法如下:  1.打開IE,工具--Internet 選項--常規(guī)  2.想使用當前頁當默認主頁,可以選擇 使用當前頁  選擇 使用默認值,則使用微軟默認網(wǎng)頁作為首頁?! ∈褂每瞻醉?,點擊使用空白頁來設(shè)置  3.也可在  輸入你喜歡的網(wǎng)址作主頁。如主頁處輸入網(wǎng)址(www.hao123.com)---確定
0 有幫助? 展開

做設(shè)計,電腦最好設(shè)置多少顯示分辨率

  對于液晶顯示屏來說,屏幕本身有一個“物理分辨率”,這個物理分辨率描述這個屏幕本身擁有多少行、多少列的像素,它是屏幕的固有屬性無法改變。我們平時所說的調(diào)整分辨率,是指調(diào)整電腦顯卡輸出的視頻信號的分辨率?! ≡谠O(shè)置電腦時,請確保電腦輸出的視頻信號分辨率與顯示屏的物理分辨率相同,只有這樣才能讓圖像點對點的顯示,分辨率太高和太低都會導(dǎo)致圖像模糊,這對于CRT顯示器來說不是很明顯,但對于LCD(液晶)顯示器來說很明顯。
0 有幫助 展開

網(wǎng)頁設(shè)計中合理的寬度是多少

若是全屏,那么最大的那個框子的寬度是自適應(yīng)的,因為每個人的電腦屏幕寬度是不一樣的。若不是全屏,建議居中顯示,一般寬度定在800左右,因為難免現(xiàn)在還有人在用800*600的電腦。不過最小的也就是這種800*600的了,如果還有比這小的,都是極小人群,則也不用考慮了。
1 有幫助 展開

PC端UI設(shè)計尺寸規(guī)范?

對于剛?cè)胄械腢I設(shè)計師,最容易犯的錯就是在設(shè)計移動APP時,不懂什么尺寸或者用哪種屏幕的尺寸是最適當?shù)??為了解決這個問題,今天我們就簡單的為大家整理做UI時最基礎(chǔ)的尺寸規(guī)范?,F(xiàn)象首先說現(xiàn)象,大家都知道移動端設(shè)備屏幕尺寸非常多,碎片化嚴重。尤其是Android,你會聽到很多種分辨率:480×800, 480×854, 540×960, 720×1280, 1080×1920,而且還有傳說中的2K屏。近年來iPhone的碎片化也加劇了:640×960, 640×1136, 750×1334, 1242×2208。不要被這些尺寸嚇倒。實際上大部分的app UI設(shè)計和移動端網(wǎng)頁,在各種尺寸的屏幕上都能正常顯示。說明尺寸的問題一定有解決方法,而且有規(guī)律可循。像素密度要知道,屏幕是由很多像素點組成的。之前提到那么多種分辨率,都是手機屏幕的實際像素尺寸。比如480×800的屏幕,就是由800行、480列的像素點組成的。每個點發(fā)出不同顏色的光,構(gòu)成我們所看到的畫面。而手機屏幕的物理尺寸,和像素尺寸是不成比例的。最典型的例子,iPhone 3gs的屏幕像素是320×480,iPhone 4s的屏幕像素是640×960。剛好兩倍,然而兩款手機都是3.5英寸的。所以,我們要引入最重要的一個概念:像素密度,也就是PPI(pixels per inch)。這項指標是連接數(shù)字世界與物理世界的橋梁。Pixels per inch,準確的說是每英寸的長度上排列的像素點數(shù)量。1英寸是一個固定長度,等于2.54厘米,大約是食指最末端那根指節(jié)的長度。像素密度越高,代表屏幕顯示效果越精細。Retina屏比普通屏清晰很多,就是因為它的像素密度翻了一倍。倍率與邏輯像素再用iPhone 3gs和4s來舉例。假設(shè)有個郵件列表界面,我們不妨按照PC端網(wǎng)頁設(shè)計的思維來想象。3gs上大概只能顯示4-5行,4s就能顯示9-10行,而且每行會變得特別寬。但兩款手機其實是一樣大的。如果照這種方式顯示,3gs上剛剛好的效果,在4s上就會小到根本看不清字。在現(xiàn)實中,這兩者效果卻是一樣的。這是因為Retina屏幕把2×2個像素當1個像素使用。比如原本44像素高的頂部導(dǎo)航欄,在Retina屏上用了88個像素的高度來顯示。導(dǎo)致界面元素都變成2倍大小,反而和3gs效果一樣了。畫質(zhì)卻更清晰。在以前,iOS應(yīng)用的資源圖片中,同一張圖通常有兩個尺寸。你會看到文件名有的帶@2x字樣,有的不帶。其中不帶@2x的用在普通屏上,帶@2x的用在Retina屏上。只要圖片準備好,iOS會自己判斷用哪張,Android道理也一樣。由此可以看出,蘋果以普通屏為基準,給Retina屏定義了一個2倍的倍率(iPhone 6plus除外,它達到了3倍)。實際像素除以倍率,就得到邏輯像素尺寸。只要兩個屏幕邏輯像素相同,它們的顯示效果就是相同的。Android的解決方法類似,但更復(fù)雜一些。因為Android屏幕尺寸實在太多,分辨率高低跨度非常大,不像蘋果只有那么幾款固定設(shè)備、固定尺寸。所以Android把各種設(shè)備的像素密度劃成了好幾個范圍區(qū)間,給不同范圍的設(shè)備定義了不同的倍率,來保證顯示效果相近。像素密度概念雖然重要,但用不著我們自己算,iOS與Android都幫我們算好了。如圖所示,像素密度在120左右的屏幕歸為ldpi,160左右的歸為mdpi,以此類推。這樣,所有的Android屏幕都找到了自己的位置,并賦予了相應(yīng)的倍率:ldpi [0.75倍]mdpi [1倍]hdpi [1.5倍]xhdpi [2倍]xxhdpi [3倍]xxxhdpi [4倍]各型號iPhone的倍率比較簡單,我們后面會講到。那么Android手機那么多,具體怎么分?哪些手機是幾倍的倍率呢?我們先看一張表,這是友盟2014年10月到2015年03月的數(shù)據(jù):就目前市場狀況而言,各種手機的分辨率可以這樣粗略判斷。雖然不全面,但至少在1年內(nèi)都還有一定的參考意義:ldpi 如今已絕跡,不用考慮mdpi [320x480](市場份額不足5%,新手機不會有這種倍率,屏幕通常都特別?。﹉dpi [480x800、480x854、540x960](早年的低端機,屏幕在3.5英寸檔位;如今的低端機,屏幕在4.7-5.0英寸檔位)xhdpi [720x1280](早年的中端機,屏幕在4.7-5.0英寸檔位;如今的中低端機,屏幕在5.0-5.5英寸檔位)xxhdpi [1080x1920](早年的高端機,如今的中高端機,屏幕通常都在5.0英寸以上)xxxhdpi [1440x2560](極少數(shù)2K屏手機,比如Google Nexus 6)自然地,以1倍的mdpi作為基準。像素密度更高或者更低的設(shè)備,只需乘以相應(yīng)的倍率,就能得到與基準倍率近似的顯示效果。不過需要注意的是,Android設(shè)備的邏輯像素尺寸并不統(tǒng)一。比如兩種常見的屏幕480×800和1080×1920,它們分別屬于hdpi和xxhdpi。除以各自倍率1.5倍和3倍,得到邏輯像素為320×533和360×640。很顯然,后者更寬更高,能顯示內(nèi)容。所以,即使有倍率的存在,各種Android設(shè)備的顯示效果仍然無法做到完全一致。單位不難發(fā)現(xiàn),真正決定顯示效果的,是邏輯像素尺寸。為此,iOS和Android平臺都定義了各自的邏輯像素單位。iOS的尺寸單位為pt,Android的尺寸單位為dp。說實話,兩者其實是一回事。單位之間的換算關(guān)系隨倍率變化:1倍:1pt=1dp=1px(mdpi、iPhone 3gs)1.5倍:1pt=1dp=1.5px(hdpi)2倍:1pt=1dp=2px(xhdpi、iPhone 4s/5/6)3倍:1pt=1dp=3px(xxhdpi、iPhone 6)4倍:1pt=1dp=4px(xxxhdpi)單位決定了我們的思考方式。在設(shè)計和開發(fā)過程中,應(yīng)該盡量使用邏輯像素尺寸來思考界面。設(shè)計Android應(yīng)用時,有的設(shè)計師喜歡把畫布設(shè)為1080×1920,有的喜歡設(shè)成720×1280。給出的界面元素尺寸就不統(tǒng)一了。Android的最小點擊區(qū)域尺寸是48x48dp,這就意味著在xhdpi的設(shè)備上,按鈕尺寸至少是96x96px。而在xxhdpi設(shè)備上,則是144x144px。無論畫布設(shè)成多大,我們設(shè)計的是基準倍率的界面樣式,而且開發(fā)人員需要的單位都是邏輯像素。所以為了保證準確高效的溝通,雙方都需要以邏輯像素尺寸來描述和理解界面,無論是在標注圖還是在日常溝通中。不要再說“底部標簽欄的高度是96像素,我是按照xhdpi做的”這樣的話了。Web怎么辦移動端頁面的絕對單位仍然是px,至少代碼里這么寫,但它的道理也和app一樣。由于像素密度是設(shè)備本身的固有屬性,它會影響到設(shè)備中的所有應(yīng)用,包括瀏覽器。前端技術(shù)可以善加利用設(shè)備的像素密度,只需一行代碼,瀏覽器便會使用app的顯示方式來渲染頁面。根據(jù)像素密度,按相應(yīng)倍率縮放。以iPhone 5s為例,屏幕的分辨率是640×1136,倍率是2。瀏覽器會認為屏幕的分辨率是320×568,仍然是基準倍率的尺寸。所以在制作頁面時,只需要按照基準倍率來就行了。無論什么樣的屏幕,倍率是多少,都按邏輯像素尺寸來設(shè)計和開發(fā)頁面。只不過在準備資源圖的時候,需要準備2倍大小的圖,通過代碼把它縮成1倍大小顯示,才能保證清晰。實際應(yīng)用大家最關(guān)心的還是實際運用,畫布該怎么設(shè)置。我們就iOS、Android、Web三個平臺來分別梳理一下。不過在這之前,我要為使用PS進行設(shè)計的朋友介紹一個小技巧。之前我說過,我們要以邏輯像素尺寸來思考界面。體現(xiàn)到設(shè)計過程中,就是要把單位設(shè)置成邏輯像素。打開PS的首選項——單位與標尺界面,把尺寸和文字單位都改成點(Point)。這里的點也就是pt,無論設(shè)計iOS、Android還是Web應(yīng)用,單位都用它。當然,各平臺單位名稱還是要記住的。這里我們用的只是它的原理,不用在意名稱。要調(diào)節(jié)倍率,則通過圖像大小里的DPI來控制。這個DPI,其實就是PPI,像素密度。有個常識大家都知道,屏幕上的設(shè)計DPI設(shè)成72,印刷品設(shè)計DPI設(shè)成300。為什么是這兩個數(shù)字?首先說300,這和人眼的分辨能力有關(guān)。由于1英寸是固定長度,每1英寸有多少個像素點決定了畫質(zhì)清晰程度。之前說過,這就是像素密度,也就是DPI。DPI達到300以上,其細膩程度就會給人真實感,像真實世界中的物件。相反,DPI只有10的話,在你一個食指指節(jié)大小的長度內(nèi)只有10個像素,這明顯就是馬賽克了。所以印刷品要設(shè)成300,才能保證清晰。再說72,這有一定的歷史原因。最早的圖形設(shè)計是在mac電腦上進行的,mac本身的顯示器分辨率就是72。PS中把圖像DPI也設(shè)成72,就能保證屏幕上顯示的尺寸和打印尺寸相同,便于設(shè)計。72的PC顯示器分辨率逐漸成為一種默認的行業(yè)標準,這套規(guī)則就這么沿用下來。現(xiàn)在回到正題,我們怎么通過DPI來調(diào)節(jié)倍率?既然屏幕本身的分辨率是72,DPI設(shè)成72剛好是1倍尺寸,那設(shè)成72的兩倍就是倍率為2的屏幕了,就這么簡單。下面來看看3個平臺各自的畫布設(shè)置:IPhoneiPhone的屏幕尺寸各不相同,我說的是邏輯像素尺寸,這確實是讓人很頭疼的事情。如果想用一套設(shè)計涵蓋所有iPhone,就要選擇邏輯像素折中的機型。從市場占有率數(shù)據(jù)來看,目前最多的是iPhone5/5s的屏幕。倍率為2,邏輯像素320×568。上升勢頭最猛,未來有望登上第一的是iPhone 6的屏幕。倍率為2,邏輯像素375×667。按照這兩種尺寸來設(shè)計,都是比較主流的做法??梢约骖櫠桃恍┑膇Phone 4s,大一點的6 plus也不會過于空曠。不過在切圖的時候要注意,由于iPhone 6 plus的3倍圖是由2倍圖放大而來,所以位圖要注意保證清晰。Android都說Android碎片化嚴重,但它現(xiàn)在反而比iOS好處理。因為如今的Android屏幕邏輯像素已經(jīng)趨于統(tǒng)一了:360×640,就看你設(shè)成幾倍了。想以xhdpi為準,就把DPI設(shè)成72×2=144。想以xxhdpi為準,就把DPI設(shè)成72×3=216。對于那些比較老的低端機,寬度是480px的那批,畫面確實會小一些,顯示內(nèi)容會更少。稍微留意一下,重要內(nèi)容盡量保持在界面中上部分。當然,這些機型不出一年就會被邊緣化,基本淘汰?,F(xiàn)在能運轉(zhuǎn)的也是當作功能機在用,軟件多了必卡無疑,用戶體驗無從談起。不作考慮也是OK的。Web手機端網(wǎng)頁就沒有統(tǒng)一標準了,比較流行的做法是按照iPhone 5的尺寸來設(shè)計。倍率2,邏輯像素320×568。這樣的做法比較實在,倍率2的屏幕無論在iOS還是Android方面都是主流,而且又是2倍屏幕中邏輯像素最小的。所以圖片的尺寸可以保持在較小的水平,頁面加載速度快。當然,缺點就是在倍率3的設(shè)備上看,圖片不是特別清晰。如果追求圖片質(zhì)量,愿意犧牲加載速度,那么可以按照最大的屏幕來設(shè)計。也就是iPhone 6 plus的尺寸,倍率3,邏輯像素414×736??偨Y(jié)移動端的尺寸比PC端復(fù)雜,關(guān)鍵就在倍率。但也正因為倍率的存在,把大大小小的屏幕拉回到同一水平線,得以保證一套設(shè)計適應(yīng)各種屏幕。站在這條水平線的角度看,會發(fā)現(xiàn)它很好理解。
3 有幫助 展開

如何利用Thinkphp框架開發(fā)移動端接口詳解

方案一:給原生APP提供api接口使用TP框架時 放在common文件夾下文件名就叫function.php123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180     <?php/*** Created by zhangkx* Email: zkx520tnhb@163.com* Date: 2015/8/1* Time: 23:15*/  /****** api開發(fā)輔助函數(shù) *******/  /*** @param null $msg 返回正確的提示信息* @param flag success CURD 操作成功* @param array $data 具體返回信息* Function descript: 返回帶參數(shù),標志信息,提示信息的json 數(shù)組**/function returnApiSuccess($msg = null,$data = array()){$result = array('flag' => 'Success','msg' => $msg,'data' =>$data);print json_encode($result);}  /*** @param null $msg 返回具體錯誤的提示信息* @param flag success CURD 操作失敗* Function descript:返回標志信息 ‘Error',和提示信息的json 數(shù)組*/function returnApiError($msg = null){$result = array('flag' => 'Error','msg' => $msg,);print json_encode($result);}  /*** @param null $msg 返回具體錯誤的提示信息* @param flag success CURD 操作失敗* Function descript:返回標志信息 ‘Error',和提示信息,當前系統(tǒng)繁忙,請稍后重試;*/function returnApiErrorExample(){$result = array('flag' => 'Error','msg' => '當前系統(tǒng)繁忙,請稍后重試!',);print json_encode($result);}  /*** @param null $data* @return array|mixed|null* Function descript: 過濾post提交的參數(shù);**/  function checkDataPost($data = null){if(!empty($data)){$data = explode(',',$data);foreach($data as $k=>$v){if((!isset($_POST[$k]))||(empty($_POST[$k]))){if($_POST[$k]!==0 && $_POST[$k]!=='0'){returnApiError($k.'值為空!');}}}unset($data);$data = I('post.');unset($data['_URL_'],$data['token']);return $data;}}  /*** @param null $data* @return array|mixed|null* Function descript: 過濾get提交的參數(shù);**/function checkDataGet($data = null){if(!empty($data)){$data = explode(',',$data);foreach($data as $k=>$v){if((!isset($_GET[$k]))||(empty($_GET[$k]))){if($_GET[$k]!==0 && $_GET[$k]!=='0'){returnApiError($k.'值為空!');}}}unset($data);$data = I('get.');unset($data['_URL_'],$data['token']);return $data;}}     查詢單個果品詳細信息         /*** 發(fā)布模塊** 獲取信息單個果品詳細信息**/public function getMyReleaseInfo(){//檢查是否通過post方法得到數(shù)據(jù)checkdataPost('id');$where['id'] = $_POST['id'];$field[] = 'id,fruit_name,high_price,low_price,address,size,weight,fruit_pic,remark';$releaseInfo = $this->release_obj->findRelease($where,$field);$releaseInfo['remark'] = mb_substr($releaseInfo['remark'],0,49,'utf-8').'...';//多張圖地址按逗號截取字符串,截取后如果存在空數(shù)組則需要過濾掉$releaseInfo['fruit_pic'] = array_filter(explode(',', $releaseInfo['fruit_pic']));$fruit_pic = $releaseInfo['fruit_pic'];unset($releaseInfo['fruit_pic']);//為圖片添加存儲路徑foreach($fruit_pic as $k=>$v ){$releaseInfo['fruit_pic'][] = 'http://'.$_SERVER['HTTP_HOST'].'/Uploads/Release/'.$v;}if($releaseInfo){returnApiSuccess('',$releaseInfo);}else{returnApiError( '什么也沒查到(+_+)!');}}     findRelease() 方法的model         /*** 查詢一條數(shù)據(jù)*/public function findRelease($where,$field){if($where['status'] == '' || empty($where['status'])){$where['status'] = array('neq','9');}$result = $this->where($where)->field($field)->find();return $result;}     app端接收到的數(shù)據(jù)(解碼json之后)         {"flag": "success","message": "","responseList": {"id": "2","fruit_name": "蘋果","high_price": "8.0","low_price": "5.0","address": "天津小白樓水果市場","size": "2.0","weight": "2.0","remark": "急需...","fruit_pic": ["http://fruit.txunda.com/Uploads/Release/201508/55599e7514815.png","http://fruit.txunda.com/Uploads/Release/201508/554f2dc45b526.jpg"]}}     app端接收到的數(shù)據(jù)(原生json串)代碼如下: {"flag":"success","message":"","responseList":{"id":"2","fruit_name":"\u82f9\u679c","high_price":"8.0","low_price":"5.0","address":"\u5929\u6d25\u5c0f\u767d\u697c\u6c34\u679c\u5e02\u573a","size":"2.0","weight":"2.0","remark":"\u6025\u9700...","fruit_pic":["http:\/\/fruit.txunda.com\/Uploads\/Release\/201508\/55599e7514815.png","http:\/\/fruit.txunda.com\/Uploads\/Release\/201508\/554f2dc45b526.jpg"]}}方案二:另外我們還可以通過ThinkPHP實現(xiàn)移動端訪問自動切換主題模板,這樣也可以做到移動端訪問ThinkPHP的模板主題機制,如果只是在PC,只要需修改 DEFAULT_THEME (新版模板主題默認是空,表示不啟用模板主題功能)配置項就可以方便的實現(xiàn)多模板主題切換。但對于移動端與PC端,也許你會設(shè)計完全不同的主題風格,且針對不同的來路提供不同的渲染方式,其中一種比較流行的方法是“響應(yīng)式設(shè)計”,但就本人經(jīng)歷而言,要實現(xiàn)完全的“響應(yīng)式設(shè)計”并不是那么容易,且解決兼容問題也是個難題,假設(shè)是大型站點,比如:淘寶、百度、拍拍這些,響應(yīng)式設(shè)計肯定是滿足不了需求的,而是需要針對手機訪問用戶提供單獨的手機網(wǎng)站。ThinkPHP 完全能夠?qū)崿F(xiàn),而且非常的簡單。與TPM的智能模版切換引擎相同,只要對來路進行判斷處理就行了。一、將 ismobile() 加入到{項目/Common/common.php}    1234567891011121314151617181920212223242526272829303132function ismobile() {// 如果有HTTP_X_WAP_PROFILE則一定是移動設(shè)備if (isset ($_SERVER['HTTP_X_WAP_PROFILE']))return true;  //此條摘自TPM智能切換模板引擎,適合TPM開發(fā)if(isset ($_SERVER['HTTP_CLIENT']) &&'PhoneClient'==$_SERVER['HTTP_CLIENT'])return true;//如果via信息含有wap則一定是移動設(shè)備,部分服務(wù)商會屏蔽該信息if (isset ($_SERVER['HTTP_VIA']))//找不到為flase,否則為truereturn stristr($_SERVER['HTTP_VIA'], 'wap') ? true : false;//判斷手機發(fā)送的客戶端標志,兼容性有待提高if (isset ($_SERVER['HTTP_USER_AGENT'])) {$clientkeywords = array('nokia','sony','ericsson','mot','samsung','htc','sgh','lg','sharp','sie-','philips','panasonic','alcatel','lenovo','iphone','ipod','blackberry','meizu','android','netfront','symbian','ucweb','windowsce','palm','operamini','operamobi','openwave','nexusone','cldc','midp','wap','mobile');//從HTTP_USER_AGENT中查找手機瀏覽器的關(guān)鍵字if (preg_match("/(" . implode('|', $clientkeywords) . ")/i", strtolower($_SERVER['HTTP_USER_AGENT']))) {return true;}}//協(xié)議法,因為有可能不準確,放到最后判斷if (isset ($_SERVER['HTTP_ACCEPT'])) {// 如果只支持wml并且不支持html那一定是移動設(shè)備// 如果支持wml和html但是wml在html之前則是移動設(shè)備if ((strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') !== false) && (strpos($_SERVER['HTTP_ACCEPT'], 'text/html') === false || (strpos($_SERVER['HTTP_ACCEPT'], 'vnd.wap.wml') < strpos($_SERVER['HTTP_ACCEPT'], 'text/html')))) {return true;}}return false;}二、在{項目/Lib/}創(chuàng)建一個 CommonAction.php,假設(shè)你的項目已公共控制器,則無需創(chuàng)建,直接加在里面就行了。 12345678910Class CommonAction extends Action{Public function _initialize(){//移動設(shè)備瀏覽,則切換模板if (ismobile()) {//設(shè)置默認默認主題為 MobileC('DEFAULT_THEME','Mobile');}//............你的代碼.......}}   
0 有幫助 展開

PC端,頁面寬度,設(shè)計多少最合適。

width=“960” height="auto" 現(xiàn)在很多網(wǎng)站width="1000",height="auto"另外QQ瀏覽器窗口模式,手工縮小其寬度,然后使用QQ截圖,發(fā)現(xiàn)width="940",這是數(shù)據(jù)支撐的結(jié)果嘛? 一般的網(wǎng)站都是width=“960” 都是看用CSS怎么設(shè)定的
0 有幫助? 展開
img

在線咨詢

建站在線咨詢

img

微信咨詢

掃一掃添加
動力姐姐微信

img
img

TOP