台灣最大程式設計社群網站
線上人數
1371
 
會員總數:246207
討論主題:189786
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> 手機版網頁設計
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
手機版網頁設計
價值 : 10 QP  點閱數:1610 回應數:3
樓主

小波
門外漢
0 3
41 3
發送站內信

最近在幫我的網站寫手機版
之前沒有寫過
我希望能在我的網站能隨著使用者持有的裝置不同而跟隨著大小不同
也就是說320*480的螢幕裝置持有者可以看到他最適合的大小
我在網路上查過 多說是使用
<meta name="viewport" content="width=device-width; initial-scale=1.0">
這個語法就可以了

但我使用OPERA模擬器模擬裝置不同還是不能有適合大小
我的手機也是不適用

想請問為什麼?

還有我的PC版網站是有包含資料庫的
用的是固定IP位置的方法
那我的手機版網頁的選項該如何連結PC版的資料庫呢?

例如說 手機版上有台北地區的選項
我希望點進去看的到台北地區PC版上裡面的各個文章
該如何寫呢?

煩請各位指導><(另外寫的語言是HTML CSS)

搜尋相關Tags的文章: [ 手機 ] ,
本篇文章發表於2013-05-09 00:25
1樓
最有價值解答

arching
捐贈 VP 給 arching 檢舉此回應
~~網站能隨著使用者持有的裝置不同而跟隨著大小不同~~
不可能為每一種裝置都設計各自適用的版面
因為太沒效率了,市面上的行動裝置種類太多了
所以最好的方法就是---Responsive Web Design

順便介紹一個測試行動版網站的利器~~RWD Bookmarklet
安裝方法:
開啟這個網址:http://responsive.victorcoulon.fr/
把畫面中間"RWD Bookmarklet"的方塊拉到Chrome的書籤列就完成安裝了(註:IE用起來怪怪的,不建議)

以下是我這兩天正在做的網站:http://web.asi.tw/你可以參考看看

另外,程式讀取資料庫是後端的事,不會因為前台是PC或行動裝置而有所不同
不同的是你要如何因應不同的螢幕大小與解析度,輸出適合的網頁
MVC(ASP.Net)、smarty(PHP)是你可以考慮的學習方向
本篇文章回覆於2013-05-11 10:02
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

小波
檢舉此回應
那我想請問ㄧ下
http://fundesigner.net/responsive-web-design-explain/
這一篇裡面有提到用Media Queries實現
這是要另外下載的是嗎?
用完之後才能夠寫.box {
width: 500px;
}
// Media Query ,也就是當寬度 < 767 px 時將載入下面這段 CSS :
@media (max-width: 767px) {
.box {
width: 100%;
}
}
這樣的程式自動偵測嗎?

因為沒有用的話
實在讀不出這段程式的做法

謝謝:D
本篇文章回覆於2013-05-19 13:51
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
不錯的參考

Allen
捐贈 VP 給 Allen 檢舉此回應
http://www.flycan.com/article/css/css3-media-queries-1149.html
您連結到此頁中的demo page, 然後調一下browser寬度,就可以看到效果,不必寫js code
本篇文章回覆於2013-05-20 14:51
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.