要解決限制的問題,首先要先進入View當中簡單寫一個input輸入框,長度調整為200
進到網頁畫面中後會發現input輸入框長度不到200,無法更變長度
按下F12檢查網頁頁面就能看出是因為Site.css鎖住了最大的width寬度
這個Site.css的來源可以從Content的資料夾中找到,將該段程式碼註解掉就能夠不會被限制住width寬度的最大範圍
註解掉後,回到頁面顯示結果就能看到input輸入框長度不再被受限制
至於Site.css是如何限制View頁面上的input長度,可以到App_Start中的BundleConfig.cs中看到它是如何被包在~/Content/css這個bulndles裡面
最後到View的Layout.cshtml中看到將~/Content/css這個bundles以CSS格式引入到html的head當中,這樣我們就能夠清楚的了解到為什麼長度會被限制住了,至於對於Layout不熟悉的朋友有興趣可以看 (https://ithelp.ithome.com.tw/articles/10214908) 的介紹