مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

iran

عضویت از 1394/01/31

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

  • یکشنبه 25 خرداد 1399
  • 17:35
تشکر میکنم

سلام
من اطلاعات را بصورت زیر در جدول مربوطه ذخیره کرده ام(از 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>

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

پاسخ های این پرسش

تعداد پاسخ ها : 2 پاسخ
کاربر سایت

رضا نصیری

عضویت از 1392/10/01

  • سه شنبه 27 خرداد 1399
  • 10:08

دوست عزیز سلام

تگ تصویر شما دارای عرض و طول ثابتی است که باید هم در نسخه موبایل یا صفحاتی با عرض کنم ریپانسیو نشه.

خط زیر رو ببینید :

    <img alt="" src="/Images/News/998c4974-71d3-48b8-8b19-e1062da941cc.png" style="width: 800px; height: 557px;" /></p>

این موارد رو اصلاح کنید حتما مشکلتون حل میشه.

کاربر سایت

navid lotfian

عضویت از 1399/02/26

  • چهارشنبه 28 خرداد 1399
  • 20:50

سلام وقت بخیر. برای تمام عکس ها از این استایل استفاده کنید

width: 100%; height: auto

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)