مشکل در نمایش اطلاعات Html.Raw@ در حالت موبایل

[Iran58]

سلام
من اطلاعات را بصورت زیر در جدول مربوطه ذخیره کرده ام(از ckeditor استفاده میکنم )

<h1 style="color: blue;">
<span style="font-family:iransansweb;">سینمکبتمیبنلتکینمتل</span></h1>
<p>
<img alt="" src="/Images/News/998c4974-71d3-48b8-8b19-e1062da941cc.png" style="width: 800px; height: 557px;" /></p>
<h1>
<span style="font-family:iransansweb;">ملکنبیمکلتنل</span></h1>
<h3 style="color:blue;">
<span style="font-size:72px;"><strong><span style="font-family:iransansweb;">گیبنملکنبیلمکنیبل</span></strong></span></h3>
<h1>
<span style="font-family:iransansweb;">گیبمکلکگیبمکگ</span></h1>
<p>
<span style="font-family:iransansweb;">سکمبنمکسینبمکسینکبمنسکیمب ن</span></p>
<p>
<span style="font-family:iransansweb;">سمکیبنکمسینبکمسنیبمک</span></p>

وبصورت زیر نمایش میدهم


<div class="col-12">
@Html.Raw(Model.Text)
</div>

اما وقتی اطلاعات را می خواهم در حالت موبایل ببینم
اطلاعات بصورت ریسپانسیو نیست (مخصوصا عکسها)
برای حل مشکل باید چکار کنم
باتشکر

[مهدی کرامتی]

ته صفحه تان این کد را اضافه کنید:
<script type="text/javascript">
$(document).ready(function() {
$("img").addClass("img-responsive");
});
</script>
این کد به صورت داینامیک به تمام ایمیج ها (از جمله اونهایی که توسط RichTextEditor تون به صفحه اضافه شده) کلاس Responsive اضافه خواهد کرد.

[Iran58]

ته صفحه تان این کد را اضافه کنید:
<script type="text/javascript">
$(document).ready(function() {
$("img").addClass("img-responsive");
});
</script>
این کد به صورت داینامیک به تمام ایمیج ها (از جمله اونهایی که توسط RichTextEditor تون به صفحه اضافه شده) کلاس Responsive اضافه خواهد کرد.
سلام
عالی بود