首頁網(wǎng)頁
提問問題
列表
-
如何讓網(wǎng)頁自適應所有屏幕寬度
查看答案>>
-
網(wǎng)頁設計---分辨率是多少?
查看答案>>
-
myeclipse里部署項目后,輸入什么地址才能在瀏覽器中訪問我的jsp頁面,如圖
查看答案>>
-
怎么進去網(wǎng)頁的后臺?查看源代碼?
查看答案>>
-
手機前端頁面尺寸
查看答案>>
如何讓網(wǎng)頁自適應所有屏幕寬度
1.首先,在網(wǎng)頁代碼的頭部,加入一行viewport元標簽。 viewport是網(wǎng)頁默認的寬度和高度,上面這行代碼的意思是,網(wǎng)頁寬度默認等于屏幕寬度(width=device-width),原始縮放比例(initial-scale=1)為1.0,即網(wǎng)頁初始大小占屏幕面積的100%。所有主流瀏覽器都支持這個設置,包括IE9,對于那些老式瀏覽器(主要是IE6、7、8),需要使用css3-mediaqueries.js。 2、不使用絕對寬度由于網(wǎng)頁會根據(jù)屏幕寬度調整布局,所以不能使用絕對寬度的布局,也不能使用具有絕對寬度的元素。這一條非常重要。具體說,CSS代碼不能指定像素寬度:width:xxx px;只能指定百分比寬度:width: xx%;或者width:auto;3、相對大小的字體字體也不能使用絕對大小(px),而只能使用相對大小(em)。body {font: normal 100% Helvetica, Arial, sans-serif;}上面的代碼指定,字體大小是頁面默認大小的100%,即16像素。h1 {font-size: 1.5em;}然后,h1的大小是默認大小的1.5倍,即24像素(24/16=1.5)。small {font-size: 0.875em;}small元素的大小是默認大小的0.875倍,即14像素(14/16=0.875)。
網(wǎng)頁設計---分辨率是多少?
這個寬高沒錯,把分辨率調為72。一般平面像名片、VI、包裝盒這些分辨率是300,噴繪有150或者200的。網(wǎng)頁分辨率大多都是72。
myeclipse里部署項目后,輸入什么地址才能在瀏覽器中訪問我的jsp頁面,如圖
文件好像放錯了,把jsp文件放到webroot里面,其實很簡單的方法-去tomcat項目里面查看你的jsp頁面在哪兒
怎么進去網(wǎng)頁的后臺?查看源代碼?
第一問:網(wǎng)頁是沒有后臺的,網(wǎng)站有后臺,普通開源程序安裝后,都有默認的網(wǎng)站后臺地址一般如:www.abc.com/admin 但通常為了網(wǎng)站安全,網(wǎng)站站長都會修改路徑,別人是不會知道的。第二問:網(wǎng)頁源代碼查看非常簡單,在打開的任意網(wǎng)頁上點擊鼠標右鍵,然后點擊查看源代碼。如圖中所示。
手機前端頁面尺寸
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)頁手機wap2.0網(wǎng)頁head加入面條元標簽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)頁手機wap2.0網(wǎng)頁head加入面條元標簽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二、關于meta詳細介紹請參考三、文關于Meta例詳細介紹 原文址3. Meta元素視區(qū) 默認情況iPhoneSafari象屏幕桌面瀏覽器顯示頁面寬度達980像素縮內容適應iPhone屏幕用戶iPhone看頁面覺字體比較比較模糊必須要放才能看真切于普通Web頁面似乎接受于用應用程序沒幾能夠受 幸運使用特殊Meta元素視區(qū)進行糾:<metaname="viewport" content="width=device-width"/> 元素通知瀏覽器使用設備寬度作視區(qū)寬度默認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)設備寬度320像素字體比前例更清晰iPhone運行實際情況圖所示圖 2 視區(qū)顯示效 另外手設置device-width值例假設博客頁面寬度750像素桌面屏幕佳800x600像素例5(鏈接:http://www.sitepoint.com/examples/iphone-development-12tips/fixed750.html)顯示刪減版本iPhone瀏覽看980像素??臻g都填充白色 消除額外空間使用meta元素視區(qū)寬度設780像素:<metaname="viewport" content="width=780"/> 例6(鏈接:http://www.sitepoint.com/examples/iphone-development-12tips/fixed750-viewport.html)顯示meta元素視區(qū)布局固定效 Meta元素視區(qū)內容包括逗號隔值initial-scale –用戶初看頁面放級別于Web應用程序見設置:<metaname="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/> 元素設置寬度設備寬度禁止用戶放縮