iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 19
0
自我挑戰組

ArasPLM開發分享系列 第 19

[Day19]MVC的前端網頁框架被Site.css限制

  • 分享至 

  • xImage
  •  

我們再寫MVC的前端View的時候會發覺html的input的長度被限制住,沒辦法調整至自己想要的長度,那是因為被MVC框架中的Site.css規範住大小範圍

  1. 要解決限制的問題,首先要先進入View當中簡單寫一個input輸入框,長度調整為200

  2. 進到網頁畫面中後會發現input輸入框長度不到200,無法更變長度

  3. 按下F12檢查網頁頁面就能看出是因為Site.css鎖住了最大的width寬度

  4. 這個Site.css的來源可以從Content的資料夾中找到,將該段程式碼註解掉就能夠不會被限制住width寬度的最大範圍

  5. 註解掉後,回到頁面顯示結果就能看到input輸入框長度不再被受限制

  6. 至於Site.css是如何限制View頁面上的input長度,可以到App_Start中的BundleConfig.cs中看到它是如何被包在~/Content/css這個bulndles裡面

  7. 最後到View的Layout.cshtml中看到將~/Content/css這個bundles以CSS格式引入到html的head當中,這樣我們就能夠清楚的了解到為什麼長度會被限制住了,至於對於Layout不熟悉的朋友有興趣可以看 (https://ithelp.ithome.com.tw/articles/10214908) 的介紹


上一篇
[Day18]MVC Dictionary的使用
下一篇
[Day20](jQuery)timepicker日期外掛介紹
系列文
ArasPLM開發分享30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言