首頁網(wǎng)頁
提問問題
列表
-
如何讓網(wǎng)頁自適應(yīng)所有屏幕寬度
查看答案>>
-
網(wǎng)頁設(shè)計---分辨率是多少?
查看答案>>
-
myeclipse里部署項目后,輸入什么地址才能在瀏覽器中訪問我的jsp頁面,如圖
查看答案>>
-
怎么進(jìn)去網(wǎng)頁的后臺?查看源代碼?
查看答案>>
-
手機(jī)前端頁面尺寸
查看答案>>
如何讓網(wǎng)頁自適應(yīng)所有屏幕寬度
1.首先,在網(wǎng)頁代碼的頭部,加入一行viewport元標(biāo)簽。 viewport是網(wǎng)頁默認(rèn)的寬度和高度,上面這行代碼的意思是,網(wǎng)頁寬度默認(rèn)等于屏幕寬度(width=device-width),原始縮放比例(initial-scale=1)為1.0,即網(wǎng)頁初始大小占屏幕面積的100%。所有主流瀏覽器都支持這個設(shè)置,包括IE9,對于那些老式瀏覽器(主要是IE6、7、8),需要使用css3-mediaqueries.js。 2、不使用絕對寬度由于網(wǎng)頁會根據(jù)屏幕寬度調(diào)整布局,所以不能使用絕對寬度的布局,也不能使用具有絕對寬度的元素。這一條非常重要。具體說,CSS代碼不能指定像素寬度:width:xxx px;只能指定百分比寬度:width: xx%;或者width:auto;3、相對大小的字體字體也不能使用絕對大小(px),而只能使用相對大小(em)。body {font: normal 100% Helvetica, Arial, sans-serif;}上面的代碼指定,字體大小是頁面默認(rèn)大小的100%,即16像素。h1 {font-size: 1.5em;}然后,h1的大小是默認(rèn)大小的1.5倍,即24像素(24/16=1.5)。small {font-size: 0.875em;}small元素的大小是默認(rèn)大小的0.875倍,即14像素(14/16=0.875)。
網(wǎng)頁設(shè)計---分辨率是多少?
這個寬高沒錯,把分辨率調(diào)為72。一般平面像名片、VI、包裝盒這些分辨率是300,噴繪有150或者200的。網(wǎng)頁分辨率大多都是72。
myeclipse里部署項目后,輸入什么地址才能在瀏覽器中訪問我的jsp頁面,如圖
文件好像放錯了,把jsp文件放到webroot里面,其實很簡單的方法-去tomcat項目里面查看你的jsp頁面在哪兒
怎么進(jìn)去網(wǎng)頁的后臺?查看源代碼?
第一問:網(wǎng)頁是沒有后臺的,網(wǎng)站有后臺,普通開源程序安裝后,都有默認(rèn)的網(wǎng)站后臺地址一般如:www.abc.com/admin 但通常為了網(wǎng)站安全,網(wǎng)站站長都會修改路徑,別人是不會知道的。第二問:網(wǎng)頁源代碼查看非常簡單,在打開的任意網(wǎng)頁上點擊鼠標(biāo)右鍵,然后點擊查看源代碼。如圖中所示。
手機(jī)前端頁面尺寸
iPhone4/iPhone4s 320 * 372 / 320 * 441 (已隱藏URL與狀態(tài)欄)iPhone5/iPhone5s 320 * 460 / 320 * 529 (已隱藏URL與狀態(tài)欄)Note2 360 * 567 (未隱藏URL與狀態(tài)欄)iPad 3/4 768*928 (未隱藏URL與狀態(tài)欄)GALAXY SIII 360 * 567 (未隱藏URL與狀態(tài)欄)米2A 360 *567 (未隱藏URL與狀態(tài)欄)HTC G10 320 * 460<meta name="viewport"網(wǎng)頁手機(jī)wap2.0網(wǎng)頁head加入面條元標(biāo)簽iPhone瀏覽器頁面原始顯示并允許縮放 <meta name="viewport"content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> width - viewport寬度 height -viewport高度 initial-scale - 初始縮放比例 minimum-scale -允許用戶縮放比例 maximum-scale -允許用戶縮放比例 user-scalable - 用戶否手縮放參考:http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-dont-forget-the-viewport-meta-tag/、網(wǎng)頁手機(jī)wap2.0網(wǎng)頁head加入面條元標(biāo)簽iPhone瀏覽器頁面原始顯示并允許縮放<meta name="viewport"content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">其: width - viewport寬度 height - viewport高度 initial-scale -初始縮放比例minimum-scale - 允許用戶縮放比例 maximum-scale - 允許用戶縮放比例user-scalable -用戶否手縮放c二、關(guān)于meta詳細(xì)介紹請參考三、文關(guān)于Meta例詳細(xì)介紹 原文址3. Meta元素視區(qū) 默認(rèn)情況iPhoneSafari象屏幕桌面瀏覽器顯示頁面寬度達(dá)980像素縮內(nèi)容適應(yīng)iPhone屏幕用戶iPhone看頁面覺字體比較比較模糊必須要放才能看真切于普通Web頁面似乎接受于用應(yīng)用程序沒幾能夠受 幸運使用特殊Meta元素視區(qū)進(jìn)行糾:<metaname="viewport" content="width=device-width"/> 元素通知瀏覽器使用設(shè)備寬度作視區(qū)寬度默認(rèn)980像素我看看兩同例 例3(鏈接:http://www.sitepoint.com/examples/iphone-development-12tips/no-viewport.html)顯示簡單段落元素沒Meta元素視區(qū)字體點模糊iPhone運行實際情況圖所示圖 1 視區(qū)顯示效 例4(鏈接:http://www.sitepoint.com/examples/iphone-development-12tips/viewport.html)包括視區(qū)元素現(xiàn)設(shè)備寬度320像素字體比前例更清晰iPhone運行實際情況圖所示圖 2 視區(qū)顯示效 另外手設(shè)置device-width值例假設(shè)博客頁面寬度750像素桌面屏幕佳800x600像素例5(鏈接:http://www.sitepoint.com/examples/iphone-development-12tips/fixed750.html)顯示刪減版本iPhone瀏覽看980像素??臻g都填充白色 消除額外空間使用meta元素視區(qū)寬度設(shè)780像素:<metaname="viewport" content="width=780"/> 例6(鏈接:http://www.sitepoint.com/examples/iphone-development-12tips/fixed750-viewport.html)顯示meta元素視區(qū)布局固定效 Meta元素視區(qū)內(nèi)容包括逗號隔值initial-scale –用戶初看頁面放級別于Web應(yīng)用程序見設(shè)置:<metaname="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/> 元素設(shè)置寬度設(shè)備寬度禁止用戶放縮
熱門問答
- 模版還是模板
- 免費建站
- 淘寶網(wǎng)頁是哪個公司做的
- 免費制作企業(yè)
- 簡單個人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁設(shè)計
- html模板文件
- 手機(jī)網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機(jī)制作簡歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁制作學(xué)那些