台灣最大程式設計社群網站
線上人數
867
 
會員總數:241752
討論主題:187055
歡迎您免費加入會員
討論區列表 >> ASP.NET >> 網頁頁面大小與螢幕關係
[ 變換順序 ]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
網頁頁面大小與螢幕關係
價值 : 20 QP  點閱數:233 回應數:13

樓主

小羊
門外漢
0 5
176 66
發送站內信

我現在做一個網頁
希望網頁可以在螢幕上完整的呈現
不希望還要滑鼠移動才可以看到沒顯示的地方

我的螢幕解析度為1024*768
螢幕大小為15吋
網頁中有影片也有圖片

請各位幫幫我



搜尋相關Tags的文章: [ ASP.NET ] , [ 網頁 ] , [ 畫面大小 ] ,
本篇文章發表於2018-01-08 16:54
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
有些使用者的行為,是你無法控制的
例如:年紀大,老花,所以把文字設定為150%

所以,即使在您的電腦,您的解析度,都調到完美
在別的設備,別的解析度,就是會有不同你電腦的表現

所以,建議您,不是要調整到您的電腦解析度多少,可以看到多少
而是,在不同的解析度,不同的文字放大縮小,都可以把該呈現的,用相對合適的方式來呈現
甚至各種不同的設備(電腦、手機、平板),都可以用合適的方式來顯示

因應這樣的狀況,響應式網頁設計(Responsive Web Design,簡稱RWD)因而發展出來
這樣的設計方式,有很多種套件
比較有名的是Bootstrap

您可以參考一下,如何使用Bootstrap
這不是一篇討論可以講清楚

提供您資源學習

http://bootstrap.hexschool.com/

^_^
本篇文章回覆於2018-01-08 17:15
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

小羊
檢舉此回應
那我改個問法
如果我想要在15吋 4比3的螢幕中
可以完整地顯示我的網頁
該如何做?
本篇文章回覆於2018-01-09 12:01
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
作者回應

小羊
檢舉此回應
那請問我要怎麼把我的網頁整個畫面變小
例如原本長度1024
我要變成512
本篇文章回覆於2018-01-09 15:51
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
您指的是,
A.不要有任何的滑鼠滾輪Scroll,不要有任何的手滑動作
即使,字小到看不清楚,圖小到看不清楚也無所謂

這是你的需求嗎?

還是,
B.可以接受Scroll,可以接受手滑動作
只是希望可以更合適著操作方式
無論是字、圖,都可以清楚明白的看,簡單易懂的操作


A?B?哪一個

^.^a
本篇文章回覆於2018-01-09 16:51
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
作者回應

小羊
檢舉此回應
A
就是畫面在1024*768要剛好放得進去
本篇文章回覆於2018-01-09 17:05
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
作者回應

小羊
檢舉此回應
A
就是畫面在1024*768要剛好放得進去
本篇文章回覆於2018-01-09 17:05
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應

一般來說,基本的需求是。你要做的是將外框容器的寬或高只做%值處理(一般來說不會定義高,會定義寬居多)。
不能用直接性定義如用px、em等自接性的寬度定義。

常見的做法是固定寬度然後置中處理。不過這樣的做法在一些寬解析度的情況下。兩邊會有很大的空白
所以,就只能用其它的方式來處理

topcat版大告訴你使用Bootstrap。算是對你的需求最快最簡單的做法。
只要學會了,你的問題就可以解決了。

覺得Bootstrap不容易學???那你要知道的是屬於rwd的應用做法。
如何利用框架頁面的自適應處理。你還得背一些css語法。
還得明白比例式的做法。然後自已刻劃自已做調整。

我相信,你看完這些後,你會覺得學Bootstrap還簡單多了。

你這句「就是畫面在1024*768要剛好放得進去」
是所有程式或是美工人員都非常希望做到的事。
但為何這沒辦法一言兩語就可以說的清楚。

因為這又牽扯了空間計算、css語法應用跟很多有的沒有的問題。
得視你的情況來做調整。並沒有一種一個就能萬用的做法。
本篇文章回覆於2018-01-09 17:45
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
8樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
A
就是畫面在1024*768要剛好放得進去


當你把所有的東西,全部『擠』到一個畫面
這樣的話面,操作上不見得方便
就算你現在勉強擠進去
一來,難道您要限定您的使用者
不能調整解析度?
不能調整字體大小?

二來,隨著時間經過,使用者需求增加
總會有擠不下的時候
到時候,你想怎麼辦?
要求使用者買大一點的螢幕?用更大的解析度?
然後,你還要再次的重新排版?


現在開發的是Web應用系統
不可能限制使用者『瀏覽器、解析度』要怎麼設定
因此∼
強烈的建議您,『不要』這樣設計你的系統∼

以往小喵十年前,有類似的設計,維護得很辛苦∼
後來也全部砍掉重來∼
真的強烈建議『不要』這樣思考畫面的規劃∼

而是要去想,在各式各樣的大小螢幕、解析度
怎麼可以讓使用者輕鬆容易的操作

RWD,還是小喵比較推薦您的
^_^
本篇文章回覆於2018-01-09 18:45
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
9樓
作者回應

小羊
檢舉此回應
1.因為我是要放在特定機台上,而機台的螢幕只有1024*768,所以才會這樣設計
2.而且此機台沒辦法縮放螢幕大小,也不能調字體大小或解析度,所以才這樣限制寬度
3.那如果我只希望寬度限制,高度不限制,是不是用CSS可以解決

本篇文章回覆於2018-01-10 08:34
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
10樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
CSS當然可以控制
但應該不是只是簡單的設定就能通用

您可能需要針對頁面中的『幾乎所有DOM物件』
都需要設定指定的寬度,並且設定當長度超過時,自動折行(當文字顯示時)
甚至,折行也會讓高度超過的話,還要適當的限制顯示字數(超過字數不顯示,改用...顯示,並搭配Modal來顯示完整訊息)

小喵之前做過,用的就是每個DOM物件都要斤斤計較
很辛苦的~
所以,小喵個人做,是一個一個慢慢調∼辛苦您了∼

^.^a
本篇文章回覆於2018-01-10 09:14
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
11樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
另外,還要精細到Border,padding都要斤斤計較的指定大小唷

辛苦了∼

^.^a
本篇文章回覆於2018-01-10 09:16
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
12樓
回應

LuLu
檢舉此回應
以我這種初級小咖的角度來看這件事,感覺這種的就是選在1024*768解析度下寫程式,網頁測試的時候在瀏覽器100%下看
注意元件的擺放不要超出你的寬度或高度限制,影片跟圖片就是統一一個固定的大小,讓它在1024*768下可以剛好看輕又不會超出你的需求限制產生出Scroll
簡單來說就是人工邊看邊調啦
本篇文章回覆於2018-01-10 19:00
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
13樓
回應

Forevertim
檢舉此回應
如果硬要在指定的解析度下處理,那麼在讀取的同時,先抓取使用者目前解析度,在判斷該用甚麼畫面呈現。
例如用語法調整畫面大小、轉址到相對的網頁上...等等。
本篇文章回覆於2018-01-16 09:47
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
[ 變換順序 ]   
1

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