سؤال حول Phone browser

السلام عليكم ..

أخوكم احمد من الاردن

اقوم بتصميم موقع وعلى وشك الإنتهاء ..

وأواجه مشكلة وهي كيف يمكنني انا احول واجهة المستخدم اذا كان يتصفح من خلال الهاتف ..

حاولت ببعض الأمور لكن بعض الخطوط تبقى على حجمها

مع العلم استخدم اللغات التالية : CSS , HTML , jquery , PHP

وشكرآ :)


استخدم css media query لتغيير التصميم بنائاً على حجم الشاشة

قمت بإضافة الكود التالي بملف الCSS

@media(max-width: 300px) {

body

position:relative;

color:#666565;

background:url (../images/wrd.png) repeat;

min-width: 1200px;

background-image :url(../images/wrd.png);

background-color: #0e6133;
direction:rtl;

} وهاد الكود بالIndex

<script src="

https://maxcdn.bootstrapcdn... " integrity="sha256-Sk3nkD6mLTMOF0EOpNtsIry+s1CsaqQC1rVLTAy+0yc= sha512-K1qjQ+NcF2TYO/eI3M6v8EiNYZfA95pQumfvcVrTHtwQVDG+aHRqLi/ETn2uB+1JqwYqVG3LIvdm9lj6imS/pQ==" crossorigin="anonymous">

ولاكن الخط ما زال نفس الحجم وبعض الصفحات لايظهر الFooter